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. 【NLP】依存句法关系符号解释

    今天开始读一篇论文:leveraging linguistic structure for open domain information extraction 于是……重新复习了很多句法分析的内容, ...

  2. cocos2dx 开启控制台

    打开 SimulatorWin.cpp 把这句启用: #define SIMULATOR_WITH_CONSOLE_AND_MENU 1 这句本来因为#define隐藏了

  3. 高可用Redis(五)：瑞士军刀之慢查询，Pipeline和发布订阅

    1.慢查询 1.1 慢查询的生命周期 步骤一:client通过网络向Redis发送一条命令 步骤二:由于Redis是单线程应用,可以把Redis想像成一个队列,client执行的所有命令都在排队等着s ...

  4. 高可用Redis(四)：列表，集合与有序集合

    1.列表类型 1.1 列表数据结构 左边为key,是字符串类型 右边为value,是一个有序的队列,与python的列表结构相同 可以在Redis中对列表的value进行如下操作 从左边添加元素 从右 ...

  5. 处理 oracle 数据库导入报错“IMP-00058: 遇到 ORACLE 错误 942”

    在导入数据文件的时候出现了下图错误: 经过多次百度搜索问题.得知问题错误方向: 仔细的查询了被导入数据的数据库的版本: 而 被导入的数据包 dmp 文件是从 oracle11g r2的版本导出的. 所 ...

  6. C#多条件查出来的多个DataSet，然后循环将数据整合

    private List<string> barList;        public List<string> BarList        {            get ...

  7. 关于父窗口获取跨域iframe子窗口中的元素

    这几天在项目中遇到,一个难点, 就是需要异步加载一个pdf插件, 同时又需要获取这个插件中的点击事件来生成用户的下载记录. 刚开始也是想了很多方法,网上搜的 格式1:$("#iframe的I ...

  8. Windows安装redis并将redis设置成服务

    Redis 作为一种缓存工具,主要用于解决高并发的问题,在分布式系统中有着极其广泛的应用,Redis 本身是应用于 Linux/Unix 平台的(部署在服务器上边),官方并没有提供 Windows 平 ...

  9. python-数据类型之题型

    1.让用户输入任意字符串,获取字符串之后并计算其中有多少个数字. total = 0 text = input("请输入内容") a = 0 while a <len(tex ...

  10. 开源APM系统skywalking介绍与使用

    介绍 SkyWalking 创建与2015年,提供分布式追踪功能.从5.x开始,项目进化为一个完成功能的Application Performance Management系统.他被用于追踪.监控和诊 ...