字符串新增方法 ES6新增数据类型 class继承

最新推荐文章于 2025-09-16 10:33:52 发布

原创最新推荐文章于 2025-09-16 10:33:52 发布 · 268 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了ES6中的新特性，包括字符串的startsWith()和endsWith()方法用于检查字符串开头和结尾，以及trim()方法去除空白。同时，讲解了Map类型作为Object对象的升级，允许使用特殊类型作为键，并通过示例展示了Symbol类型用于创建唯一标识以避免命名冲突。最后，阐述了类的继承概念，包括constructor和super()的使用。通过对这些基础知识的掌握，能更好地理解和运用ES6中的新特性。

字符串新增方法

startswith() 字符串以什么开头返回布尔值

        let str="hello world"
		let result=str.startsWith("hello")
		console.log(result)//true

endswith() 以什么结尾，返回布尔值

let str="hello world"
let r1=str.endsWith("ld")
console.log(r1)//true

trim() 清除字符串前后空格的

        // 提升用户的体验性 ：防止出现空格带来的误操作
		let str="   hello world"
		console.log(str.trim()=="hello world")//true

ES6新增数据类型

map类型：object对象的升级版将任意类型的数据做为key

原始object对象：key:value, key只能是字符串格式现在原始object对象也能使用特殊作为key

        let m1=new Map()//创建一个map对象
        m1.name="王一"
        //可以将特殊的内容，设置key  bt1:4
        //用set方法进行特殊定义方式
        m1.set(bt1,4)
        //get方法来获取
        console.log(m1.get(bt1))

symbol类型

创建一个独一无二的值, 防止出现命名冲突，属性的覆盖问题,通常用于对象的属性

        let name=Symbol("name") //创建一个独一无二的值
        let result=Symbol("name")
		// console.log(name)//Symbol(name)
		// console.log(name==result)//false
        // jquery 封装好的代码 
        let obj={
            addclass(){
                //必须使用name属性 ，来完成addclass
                console.log(this[name])
                console.log("你好")
            }
        }
        obj[name]="你好"
        //addclass输出你好
		// 防止更改封装好的属性
        obj.name="哈哈"
        obj.addclass()

class继承

constructor 构造函数类型

super() 方法在子类中调用父类的构造函数

定义的方法自动放到原型上

        class People{
            constructor(name,age){
                this.name=name
                this.age=age
            }
            eat(){
                console.log(this.name+'正在吃')
            }
        }
        //基于人类 创建一个学生类 继承所有内容
        //class 子类 extends 父类{}
        //super() 方法 在子类中 调用父类的构造函数
        class Student extends People{
            constructor(name,age,score){
                super(name,age)
                this.score=score
            }
        }
        let s1=new Student("王一",22,80)
        console.log(s1)
		s1.eat()