ES object 扩展

ES object 扩展1.

<!DOCTYPE html>

<html>

<head>

  <link rel="shortcut icon" href="./assets/favicon.ico" />

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

  <title>webpack</title>

</head>

<body>

  <script type="text/javascript">

//   ******object 扩展************
  //1.

  var obj={name:'kebo', sex:'男'}

  var obj1 =Object.create(obj,{

      age:{

          value:25,

          writable:true,//可被修改

          configurable:true, //可被删除

          enumerable:true

      }

  })

   console.log("obj1-----",obj1)

   obj1='kebo'  //    修改对象的属性

//    console.log("obj1-----###",obj1)

//    delete obj1  //    删除对象

//    console.log(obj1)

   for (var i in obj1){

        console.log(i)

   }

</script> 
</body>
</html>

　　ES object 扩展2.

<!DOCTYPE html>

<html>

<head>

  <link rel="shortcut icon" href="./assets/favicon.ico" />

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

  <title>webpack</title>

</head>

<body>

  <script type="text/javascript">

//   ******object 扩展************

var obj2 ={fistName:'kebe',lastName:'bryant'};

Object.defineProperties(obj2,{

    fullName: {

        get: function(){ //   获取对应的值 惰性求值 被调用时才执行

            return this.fistName + ' ' + this.lastName;

        },

        set: function(data){ //   监听对象的属性 发送改变是调用

            console.log("obj2-------------",data)

            var names=data.split(' ')

            this.fistName=names[0]

            this.lastName=names[1]

            return this.fistName + ' ' + this.lastName;

        }

    },

})

console.log(obj2)

console.log('before',obj2.fullName)

obj2.fullName='kebe kebe';

console.log('after',obj2.fullName)

</script> 
</body> 
</html>

　　ES object 扩展3

<!DOCTYPE html>

<html>

<head>

  <link rel="shortcut icon" href="./assets/favicon.ico" />

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

  <title>webpack</title>

</head>

<body>

  <script type="text/javascript">

//   ******object 扩展************

var obj3 ={

     fistName:'kebe',

     lastName:'bryant',

     get function(){ // 获取对应的值 惰性求值 被调用时才执行

         return this.fistName + ' ' + this.lastName;

      },

      set function(data){ // 监听对象的属性 发送改变是调用

          console.log("obj2-------------",data)

          var names=data.split(' ')

          this.fistName=names[0]

          this.lastName=names[1]

         return this.fistName + ' ' + this.lastName;

     }

}

console.log(obj2)

console.log('before',obj2.fullName)

obj2.fullName='kebe kebe';

console.log('after',obj2.fullName)

</script>

</body>

</html>

　　ES Arrary map, forEach ,filter(返回条件为true 的值)

var arr=[1,5,9,4,465,485,56,25,4,48,54]

console.log('4的下标',arr.indexOf(4))

console.log('4的下标',arr.lastIndexOf(4))

arr.forEach(function(item,index){

    console.log("item--",item)

})

var arr1=arr.map((item,index)=>{

    return item+10;

})

console.log("arr1--",arr1)

var arr2=arr.filter((item,index)=>{

    return item >25;

})

console.log("arr2 大于25的数--",arr2)

　　ES 函数语法 this指向绑定

var obj1={userName:'kobe'}

function foo1(data) {

    console.log(this,data) 

}

foo.call(obj1,33)  //直接从第二个数据开始穿入

foo.apply(obj1,[33,45]) //第二个参数必须是数组

var bar = foo.bind(obj) //绑定后没有以及执行 返回一个值

console.log('bar',bar)

bar()

console.log('2222222222')

foo.bind(obj)(33666) //加（）调用函数  直接从第二个数据开始穿入

var obj1={userName:'kobe'}

setTimeout(function () {

    console.log("this---",this)

}.bind(obj1),1000)

　　

　　

ES5 常用 语法（object Arrary 函数绑定this指向）的更多相关文章

  1. ES5与ES6常用语法教程之 ①函数写法、创建对象、导入导出模块方式

    函数写法区别 计算a, b两个数字之和,有返回值 es5 写法 function add(a, b) { return a + b; } es6 写法(箭头函数) let add = (a, b) = ...

  2. MySQL常用语法命令及函数

    #创建数据库# create database 数据库名; #查看数据库# show databases; #选择数据库# use 数据库名; #删除数据库# drop database 数据库名; ...

  3. Vue常用语法及命令

    1,Vue常用语法 vue常用语法之变量的定义 // 1,变量相关 // 变量的提升 var username = "雪雪"; var username ; console.log ...

  4. js bind 绑定this指向

    1.示例代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UT ...

  5. ES5与ES6常用语法教程之 ②解构语法糖、声明变量异同

    js常用语法系列教程如下 es5与es6常用语法教程(1) es5与es6常用语法教程(2) es5与es6常用语法教程(3) es5与es6常用语法教程(4) es5与es6常用语法教程(5) es ...

  6. sql数据库基础知识整理，常用函数及常用语法

    1常用数据库聚合函数max()min()sum()avg()count() 2字符串处理函数len() 与 datalength()  区别:len是返回字符长度  datalength是返回字节长度 ...

  7. ES5与ES6常用语法教程之 ③模板字符串、判断字符串是否包含其它字符串

    这部分教程我们主要讲解以下几个常用语法 模板字符串 带标签的模板字符串 判断字符串中是否包含其他字符串 给函数设置默认值 模板字符串 老式的拼接字符串方法 let dessert = '

  8. ES6常用语法

    ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准.因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015. 也就是说,ES6就是ES2015. ...

  9. es6的常用语法

    最常用的ES6特性 let, const, class, extends, super, arrow functions, template string, destructuring, defaul ...

随机推荐

  1. @PostConstruct和@PreDestroy注解

    从Java EE5规范开始,Servlet增加了两个影响Servlet生命周期的注解(Annotation):@PostConstruct和@PreConstruct.这两个注解被用来修饰一个非静态的 ...

  2. 【easy】437. Path Sum III 二叉树任意起始区间和

    /** * Definition for a binary tree node. * struct TreeNode { * int val; * TreeNode *left; * TreeNode ...

  3. multiwan 系统配置补充

    /etc/sysctl.conf: # Controls source route verification net.ipv4.conf.default.rp_filter = # Allows to ...

  4. stderr和stdout详细解说

    今天又查了一下fprintf,其中对第一个参数stderr特别感兴趣. int fprintf(FILE *stream,char *format,[argument]): 在此之前先区分一下:pri ...

  5. 基于Https协议返回Jason字符串

    一:代码结构 二:框架结果: spring+springMvc+springJdbc 三:源代码 1:Ctrl 层 package com.todaytech.yth.gdsd.base.DataIn ...

  6. css之幽灵空白节点

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. spring-data-jpa 二、多对一结构、Repository

    一.Entity 例如一个user实体和一个department实体  多个用户对应一个部门 1.user类 @id:声明了一个属性映射到数据库主键字段,主键生成策略有@GenerateValue来指 ...

  8. VMware虚拟机安装WIN7

    VMware在IT工作人员的学习之中,使用的较多,故聊一聊VMware中WIN7的安装: 第一步:安装VMware,这个软件百度就可以下载,但是是收费软件,注册码可以百度到. 第二步:VMware安装 ...

  9. java 的 try parse

    Integer myInt = Ints.tryParse(a); if (myInt != null) { result.add(Long.parseLong(a)); }

  10. [FJWC2018]全排列

    题解: 考虑长度为k的时候的贡献 即取出一些元素然后给他们排个顺序然后问你有多少排法 假设排法为ans 那么应该就是$C(n,k)*C(n,k)*(n-k)!*(n-k)!*(n-k+1)*ans$ ...