前端开发之JavaScript

目录

变量类型：

基本类型:

如何查看变量类型：

复合类型：

数组定义：

JavaScript中的数组和Java数组的区别：

对象定义：

访问对象的属性

一、对象内就要点，数组内就用 [ ]

二、对象当成数组来访问（对象也是一种关联数组）

对象内 [ ] 访问的必要性

函数定义：

如何使用函数：

---

html内嵌：

外引：用src属性引入

如果内嵌和外引同时都有，则执行外引的

console.log 打印

document指的是文档，从中找id为gs的元素

如果采用内嵌式，要把script放在html元素之下，因为要先找到元素，才能进行修改

（js代码要放在html代码之下）

defer属性，延迟js加载，直到html代码加载完毕，只对外引的js起作用

变量类型：

变量类型分为两大类：基本类型（5种） 和 复合类型（3种）

基本类型:

字符串类型(string)、数值类型〈 number〉、布尔类型(boolean)、undefined类型(undeftned)、null类型(null)

注：字符串类型不强调里面是一个字符还是多个字符，均为字符串类型，用单引号双引号均可

var 声明变量（javascript为弱类型语言无需指定变量类型，语句末分号可有可无）

var d 未赋值，故其值就为undefined，其类型为undefined

如果让变量e去找一个不存在的元素，那其类型就为null

null类型用 typeof() 打印出来类型的是object ，为空对象

如何查看变量类型：

使用 typeof 运算符（注意与变量直接加空格），或者使用typeof（）方法

复合类型：

数组、对象、函数。（在JavaScript里面函数也是一种变量类型）

数组定义：

arr.push() 数组中增加元素

console.log(arr.length) 输出数组长度

JavaScript中的数组和Java数组的区别：

1、javascript中的数组可以放多种类型的数组元素，java中数组放的数组元素必须是同类型的

2、javascript中的数组是可变的,java中的数组是不可变的。

可变的是数组的长度，JavaScript数组里面可任意添加数组，从而改变长度。在java数组中，从一开始定义时，就规定了数组的最终长度。

3、javascript中的数组不存在数组越界。

如果访问的数组中的变量是不存在的，那么访问的是undefined，越界不报错。

对象定义：

放在大括号内，格式为 对象:对象的值 每一部分之间用逗号隔开

数组中也可以放数组类型，对象类型等复合类型

对象中 对象值也可以是数组类型，对象类型

访问对象的属性

一、对象内就要点，数组内就用 [ ]

要访问孩子小郭的age,并打印 console.log(obj.children[0].age)

二、对象当成数组来访问（对象也是一种关联数组）

1、访问gs的age也可以用 console.log(obj["age"]) 等价于 console.log(obj.age) 把对象当成数组来访问。

2、

var gs="banks"

console.log(obj[gs][0])

等价于console.log(obj["banks"][0])

输出的是：中国银行

对象内 [ ] 访问的必要性

将key当成变量使用的时候，必须用obj[key] 进行访问；如果用obj.key 则访问的是obj对象内的key属性

函数定义：

一般用匿名函数较多

如何使用函数：

1、函数调用（本质就是函数执行）

2、函数整体作为值来使用

console.log(fun) 输出的是函数的源代码

3、函数返回值作为值来使用

console.log(fun("666")) 会让函数体执行，输出的是函数的返回值

setInterval（函数，间隔（毫秒）） 定时器：每隔一个间隔的时间，就将这个函数执行一些

setInterval（fun，1000） 每隔1秒将函数调用一下，调用的是函数（代码）整体，而不是返回值这一个数