6.JS函数

1.声明函数：

function Function1(){ alert(4) }

2.带参数的函数：

function Function2(num1,num2)(){ return num1+num2 }

3.引用函数：

【html】<button onclick="Function1">点击这里</button>

》弹出提示框“4”

【script】document.getElementById("demo").innerHTML=Function2(4,3);

》7

4.局部变量和全局变量：

函数内用var声明的是局部变量，无var是全局变量；

函数外声明的是全局变量，

5.存在时间：

全局变量存在时间为整个网页期间。

局部变量存在时间为执行函数期间

7.JS事件

HTML 事件是发生在 HTML 元素上的事情。

当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。

常见的HTML事件:

常见的HTML事件

8.JS字符串

1.创建方法：

①var name="hhh" 类型为字符串string

②var name=new String("hhh") 类型为对象obejct

在JS中用第一种即可，将字符串视为对象

2.引用

name[0]切片方法

3.在字符串中转义字符\ 可转义的特殊字符：

可转义的特殊字符

4.字符串属性和方法：

①属性：

字符串属性

②方法：

JavaScript String 对象 | 菜鸟教程 (runoob.com)

9.正则表达式

1.概念：正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。

2.使用方法：

var str = "Visit Runoob!";

var n = str.search(/Runoob/i); //斜号里的是搜索内容，i是修饰符，表示不区别大小写

》6

<p id="demo">Visit Microsoft!</p>

function myFunction() {

            var str = document.getElementById("demo").innerHTML; 获取id为demo的html元素

            var txt = str.replace(/microsoft/i,"Runoob"); 将元素中的microsoft改成Runoob

            document.getElementById("demo").innerHTML = txt; 将修改后的值重写入html中

}

》Visit Runoob!

3.特殊字符：

修饰符

方括号

元字符

量词

4.完整参考：JavaScript RegExp 对象 | 菜鸟教程 (runoob.com)

10.this使用

●在方法中，this 表示该方法所属的对象。

var person = {

    firstName: "John",

    lastName : "Doe",

    id : 5566,

    fullName : function() {

        return this.firstName + " " + this.lastName;

}};

●如果单独使用，this 表示全局对象。

●在函数中，this 表示全局对象。

●在函数中，在严格模式下，this 是未定义的(undefined)。

●在事件中，this 表示接收事件的元素。

<button onclick="this.style.display='none'">点我后我就消失了</button>

●类似 call() 和 apply() 方法可以将 this 引用到任何对象。

call将this指向person2

11.let和const

let和const都可以声明变量，它们与var的不同在于这两是块级作用域，只在{ }内有效，且声明的全局变量不属于window对象。而var在块级声明后可以改变全局变量的值。

let和const的区别：

const不能通过赋值修改，但可以通过字典修改某个关键字或列表修改某个元素。

const声明必须初始化赋值，let不用。

8.05 week6-5