JavaScript第一日笔记

一：javacript脚本代码写法

(1)行内式

代码：

    <div onclick="JavaScript:alert('12345')">
        点我就会执行脚本
    </div>

    <a href="JavaScript:void(0)">抽奖</a>

（2）嵌入式

使用script标签，标签需要闭合，标签内容是要执行的JavaScript代码。

代码：

    <script>
        var a = 10;
        console.log(a);

    </script>

 

注：

​ ① 可以将JavaScript代码嵌入到head中或body中的任何地方。

​ ② 含在<script>元素内部的JavaScript代码将被从上至下依次解释。

 

（3）引入式

使用script标签，标签需要闭合，设置属性src，src的值是js文件路径。

代码：

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

注：

​ ① 嵌入和导入的数量不受限制；

​ ② 使用script 标签引入外部js文件时（标明src属性，不管有没有赋值），标签内容部分再填写js语句是不能执行的；

​ ③ js代码直接写在一个独立的文件里面，该文件就是js文件，后缀是.js

 

（4）引入式又嵌入

代码：

    <script src="./index.js">
        console.log(12345)
        console.log(c)
    </script>

 注：(只会执行引入的文件中的代码）

（5）ES6引入式又嵌入

代码：

    <script type="module">
        import box from "./box.js"
        console.log(box)
    </script> 

 二：js变量声明和命名规则

（1）声明一个变量 等号是一种运算的符号   同+ - * /   右边的值赋值给左边的变量名，以后使用数据时 ，可以直接使用变量名代替。

（2）变量名字:

1.不能是官网已经设计过的单词(关键字,保留字)。

2.可以包含字母数字'_','$'符号,不能是数字开头。

3.区分大小写。

 注：其实unicode编码的字符都能识别。

在JavaScript中，使用赋值符号 = 对变量进行赋值。可以把任意数据类型赋值给变量，同一个变量可以反复赋值，而且可以是不同类型的变量，但是要注意只能用var申明一次

代码练习：

<script>

var a=666；

console.log(a);

</script>

三.数据类型

• 一些基本概念

  1. 在编程语言中，能够表示并操作的值(value)的类型，称为数据类型(type);

  2. 变量(variable)是一个值的符号名称，可以通过变量引用值；

  3. 可以把一个值赋值给一个变量， 这样程序在任何需要使用该值的地方，就可以直接引用该变量。

  4. js变量中保存的数据有哪些?

  5. 5种: 数字number  文本string  布尔值  undefined  null

  6. 1种引用数据: 对象object  函数function

练习：

js数字的小数不精准(ps:丢失2次精度)

   

 <script> 

     a = 0.1

     b = 0.2

    var c = (a * 10 + b * 10) / 10;

    console.log(c)

     </script>

运行结果:0.3

网页或者app设计的过程中 如果有小数参与运算 不需要转整数在把结果转小数，最后结果保留精度.

   

     <script>

        var b = 3.54149264354663

        var c = b.toFixed(0) //四舍五入

        var d = parseInt(b) //向下取整

        var e = parseInt("20px")

        var a = 66666

        var f = Infinity

        var g = NaN

        var a1 = "hello"

        var b1 = a1 * 20

        console.log(b1);

        console.log(c, b, d, e, a + 1, f)

        </script>

四：字符串

字符串是计算机和人类沟通的桥梁。

字符串可以由双引号（"）或单引号（'）表示。

字符串的不同格式有不一样的名字。

ECMAScript 中的这两种语法形式没有什么区别。用双引号表示的字符串和用单引号表示的字符串完全相同。不过，以双引号开头的字符串也必须以双引号结尾，而以单引号开头的字符串必须以单引号结尾。

        //模版字符串

        // var str = `hel

        // lo`

        // console.log(str)

number string  boolean  undefined null   object,function

练习：

        var a1 = "200"
         var a2 = "px"
        var a3 = a1 + a2  
         console.log(a3)

 

其结果为：200px（字符串）

注：+号左右两边的表达式 如果有一个是字符串 就会把另外一个转化字符串，然后拼接得到新字符串。

五：undefined类型和null类型

Undefined 类型只有一个值，即特殊的 undefined。

在使用 var 声明变量但未对其没有赋值时，这个变量的值就是 undefined。

往往代表标识符没有给定初始值。

例： var a = undefined;

       console.log(a)

null类型是第二个只有一个值的数据类型，这个特殊的值是 null。

往往代表业务的数据为空。

var b=null;

console.log(b)

注--null和undefined区别

区别：

•null

– 用来描述空值;

– typeof null：返回的是字符串object；

– 通常来讲我们把null看成他自有类型的唯一成员；

•undefined

– undefined表明只声明了变量没有赋值；

– 如果函数没有返回值，则返回undefined；

– typeof undefined：返回的是字符串undefined；

– ==认为NULL和undefined是相等的；===则返回false；


六：boolean类型

Boolean 类型是 ECMAScript 中使用得最多的一种类型，该类型只有两个字面值： true 和 false 。

需要注意的是，Boolean 类型的字面值 true 和 false 是区分大小写的。也就是说，True 和 False（以及其他的混合大小写形式）都不是 Boolean 值，只是标识符。

true——false图示：

 

        var a = 0
        var b = 100
        var c = (a + 100 == b)
        console.log(c)

运行结果：true

        var a = "ok"
        var a2 = !a
        console.log(a2)

运行结果：false

---

 七：typeof操作符

鉴于 ECMAScript 是松散类型的，因此需要有一种手段来检测给定变量的数据类型——typeof 就是负责提供这方面信息的操作符。对一个值使用 typeof 操作符可能返回下列某个字符串：

• "undefined"——如果这个值未定义；

• "boolean"——如果这个值是布尔值；

• "string"——如果这个值是字符串；

• "number"——如果这个值是数值；

• "object"——如果这个值是对象或 null；

• "function"——如果这个值是函数。

<script>
var a = "200"
var b = 200
console.log(a === b)
console.log(typeof a)//string
console.log(typeof b)//number
</script>

运行结果：

false

string

number