ES6的新特性以及jQuery库总结

最新推荐文章于 2024-09-13 23:32:49 发布

Yannick_H

最新推荐文章于 2024-09-13 23:32:49 发布

阅读量1k

点赞数 1

分类专栏： Y-Y滴前端日志基本概念（笔记）文章标签：前端 javascript servlet

本文链接：https://blog.csdn.net/Yannick_H/article/details/125766168

版权

本文详细介绍了ES6的新特性，包括函数参数默认值、箭头函数和类的使用，以及模块的导入导出。接着，深入讲解了jQuery库，阐述了其作为JavaScript库的封装，简化DOM操作的理念，以及基本选择器、属性操作、样式修改、事件处理和动画功能的使用方法。

摘要由CSDN通过智能技术生成

(3)默认导出：export default 名称

二、jQuery库

1.简介：是JavaScript的库(对JavaScript的封装)

2.理念：写的少,做的多

3.使用方法

(1)在页面文件中导入jquery.js文件

（2）attr({属性1：属性值，属性2：属性值2})

3.获取或设置页面元素（标签）的宽度和高度

4.操作标签的html代码（就是操作标签的innerHTML属性）

一、ES6的新特性

1.函数

(1)函数参数的默认值

       function fun(name='张三',age,cb){
           函数体语句;
       }

(2)箭头函数

a、没有参数用户括号代替 let fun = ()=>{ 函数体语句 }

b、只有一个参数,省略'()' let fn = arg=>{ 函数体语句 }

c、箭头函数本身隐含有return的作用(函数体只有一条语句,不带'{}')

let add = (arg1,arg2)=> arg1+arg2
等价于
let add = function(arg1,arg2){
    return arg1+arg2
}

d、在箭头函数中若要使用隐式返还的功能返回一个对象,则必须用'()'将对象括起来

let test = ()=>({})

e、在箭头函数中没有this绑定

f、在箭头函数中没有内置的对象arguments

2.类

(1)ES5类的创建：先定义构造方法,在构造方法中封装类的功能,使用new运算符创建类的对象

(2)在ES6中使用class关键字创建类，语法更简洁、语义化更强

(3)ES6支持getter(获取属性值)和setter(设置属性值)方法

class Person{
    constructor(name,age){
        this.pname = name
        this.page = age
    }
    get pname(){   //必须带get,方法名必须和属性名相同，用来获取私有属性pname的值
        return this._pname   //pname必须带上'_',表示pname是Person类的私有属性
    }
    et pname(newName){  //setter方法用来设置私有属性pname的值，必须带set
        this._pname = newName
    }
}
var p1 = new Person('关羽',28)
console.log(p1.pname) //默认调用的是get方法（pname()）
p1.pname = '李四' //默认调用的是set方法

强调：属性的getter和setter方法必须同时定义

(4)静态成员：类的所有对象共享的成员。

说明：类的成员包括成员变量(属性)和成员方法

A、ES5中定义静态成员的方法：