Java教程

JavaScript

本文主要是介绍JavaScript，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

JavaScript的介绍

JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

插一句题外话：JavaScript和Java 就是 老婆饼和老婆 的关系一样（两者没啥关系）

什么是JavaScript

原文链接：https://blog.csdn.net/fuzhongmin05/article/details/69665829

JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言，用来给HTML网页增加动态功能。

  • 动态：在运行时确定数据类型。变量使用之前不需要类型声明，通常变量的类型是被赋值的那个值的类型。
  • 弱类：计算时可以不同类型之间对使用者透明地隐式转换，即使类型不正确，也能通过隐式转换来得到正确的类型。
  • 原型：新对象继承对象（作为模版），将自身的属性共享给新对象，模版对象称为原型。这样新对象实例化后不但可以享有自己创建时和运行时定义的属性，而且可以享有原型对象的属性。

第一个JavaScript程序

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>01_js</title>

</head>
<body>
    <!--1、写在标签属性里-->>
    <a href="https://www.baidu.com" onclick="alert('11')">1111</a>

    <!-- 2、写在script标签 -->
    <!-- <script>
        alert('hello')
    </script> -->

    <!-- 3、导入js文件 -->
    <!-- <script src="hello.js"></script> -->
</body>
</html>

在上述代码，我们可以通过三种方式来运用 script

  • 第一种：写在标签属性里，我们通过一个超链接的形式，在a标签里面放了一个 onclick点击事件。再点击页面出现的 1111后，会弹出一个弹窗显示11，随后会切换到其他网页
  • 第二种：写在script标签，进入页面后，弹出跳窗；

但在这里要说明一下：如果第一种和第二种一起运行的话，就会先执行JavaScript，再执行HTML

原因是：

<body>中的js和html执行的顺序是：加载直到<script>之前的所
有html到内存（此时不渲染，浏览器上看不到内容），执行完
html直接兄弟<script>（此<script>后紧挨着还有<script>也
不执行），而后渲染html。加载html->执行script->渲染html。

  • 第三种：导入js文件，可以将 要导入的 JavaScript的代码集中在一起，最后通过在 HTML代码中加入，可以将写的导入出来

     <script src="hello.js"></script>

alert('111')

JavaScript的变量

在Script中引入变量属性，类似Java，C等语言类似

var 语句用于声明变量

输出在弹窗

<script>
    var a = 1;
    alert(a);
</script>

输出在网页

<script>
    var a = "1";
    document.write(a);  // 输出在网页
</script>

输出在网页控制台

<script>
    var a = "1";
    console.log(a)
</script>

而这三种方法都是以后程序报错时会采用的调试工具

JavaScript的基本数据类型

typeof(参数) ： 输出传入参数的数据类型，用来判断变量的数据类型

<script>
	var a = 1;
	console.log(typeof(a));	// 在网页控制台输出数据类型 (number)
</script>

  • 1、number 数字类型

    <script>
	// not a number : 表示未定义和不可表示的值
	var b = NaN;

	// Infinity : 正无穷大
    var c = Infinity;

	// -Infinity : 负无穷大
    var d = -Infinity;
</script>

  • 2、string 字符串类型

    <script>
	// 字符串类型
	var s = "name";
</script>

  • 3、boolean 布尔类型

    <script>
	var e = true;
</script>

  • 4、undefined 未定义类型（两种表示形式）

    <script>
	var f;
    var f = undefined;
</script>

  • 5、null object类型（特殊）

    <script>
	var n = null;   // object类型
</script>

  • 6、symbol : 唯一性; === 比较的就是 值 和 数据类型

    <script>
	var m = Symbol("kk");
   	var n = Symbol("kk");
   	console.log(m === n);

   	a = 1;
   	document.write(typeof(a));
</script>
这篇关于JavaScript的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航