1.JavaScript是什么

简单地说，JavaScript是一种在浏览器中的解释型的编程语言。

2.如何使用JavaScript

JavaScript（简称js），先来一个最简单的demo。document.write("HelloWorld JavaScript")这句话的意思是在网页打开这个html时显示 HelloWorld JavaScript。我们写的js语句必须卸载script标签里。

这里我们可以把js语句卸载一个 .js 的文件里，然后引入js文件；或者直接在html中写script标签在其中编写语句也行；还有一种就是在html的标签在写js语句。

<!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>Document</title>
    <script src="./js/index.js"></script>
</head>
<body>
    <button onclick="javascript:document.write('HelloWorld JavaScript')">按钮</button>
    <script>
        document.write("HelloWorld JavaScript")
    </script>
</body>
</html>

3.js对象类型

js是一种弱类型的编程语言，他不像C需要在声明对象时一起声明对象类型。js不需要，直接声明变量并赋值，根据所赋值的类型来确定变量的类型。

js数据类型包括数字number类型（如：1,2,3,4....）、字符串string类型（如：‘1’，‘a’，‘你好’）、布尔值Boolean类型（如：true，false）、symbol类型（如：symbol（1），symbol（‘a’））、对象Object类型（如：{ }），可以使用typeof 来检查对象的类型。

<!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>Document</title>
</head>
<body>
    <script>
        var num = 1
        var str = "111"
        var bool = true
        var syb = Symbol(111)
        var Obj = {}
        console.log(typeof Obj)        //Object

    </script>
</body>
</html>

4.js运算符

js的运算符包括下面这些。这里说一下，number类型遵循加减乘除的运算法则；当有一个数字1和字符串‘1’ 相互运算时，加法是实现字符串的拼接，也就是 1 + ‘1’ = ‘11’，这里是将number类型的1隐式转换为string类型的‘1’；如果是减法乘法除法则遵循加减乘除的运算法则，也就是将String类型的‘1’隐式转换成number类型的1。

运算符	描述
+	加法
-	减法
*	乘法
/	除法
%	取模（余数）
++	递加，自增1
--	递减，自减1

运算符	例子	等同于
=	x = y	x = y
+=	x += y	x = x + y
-=	x -= y	x = x - y
*=	x *= y	x = x * y
/=	x /= y	x = x / y
%=	x %= y	x = x % y

这里说一个我个人一开始容易迷糊的点。

y = ++x. y=2 x=2.x先自增，再将自增后的值赋给y；

y = x++. y=1 x=2.这是先将x的值赋给y，x再自增。

y = --x. y=0 x=0.x先自减，再将自减后的值赋给y；

y = x--. y=1 x=0.先将x原本的值赋给y，x再自减。

<!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>Document</title>
</head>
<body>
    <script>

        var x = 1
        var y
        y = ++x
        y = x++
        y = --x
        y = x--

    </script>
</body>
</html>

首次接触JavaScript

1.JavaScript是什么

2.如何使用JavaScript

3.js对象类型

4.js运算符

猜你喜欢