1.关于 try catch 的用法

<body>

  <div>请输出一个 5 到 10 之间的数字:</div>

  <input id="demo" type="text">

  <button type="button" onclick="myFunction()">测试输入</button>

  <p id="mess"></p>

  <!-- 只有不符合条件 才执行catch  才有p标签的内容显示 -->

</body>

</html>

<script type="text/javascript">

  function myFunction(){

    try{

      var x=document.getElementById("demo").value;   //取元素的值

      if(x=="")         throw "值为空";      // 根据获取的值，抛出错误

      if(isNaN(x))      throw "不是数字";

      if(x>10)          throw "太大";

      if(x>=5 && x<=10) throw "符合条件";

      if(x<5)           throw "太小";

    }

    catch(err){

      var y=document.getElementById("mess");    // 抓住上面throw抛出的错误，给p标签显示

      y.innerHTML="错误：" + err + "。";

    }

  }

</script>

2.关于 Object.assign(target,sourcel1,sourcel2,...)  对象的方法 ： 用于将所有课枚举的值从一个或者多个源对象复制到目标对象  它将返回目标对象

 const target = { a: 1, b: 2 };  // 要操作的目标对象

 const source = { b: 4, c: 5 };  // 想合过来的资源对象

 const returnedTarget = Object.assign(target, source);  // 返回值

 console.log(target);          // expected output: Object { a: 1, b: 4, c: 5 }

 console.log(source);          // expected output: Object { b: 4, c: 5 }

 console.log(returnedTarget);  // expected output: Object { a: 1, b: 4, c: 5 }

  // 实际应用 克隆一个新对象

 const sidleData = Object.assign({}, target)
注意: 同名的属性会覆盖

3.关于 Object.create(prototype,[propertiesObject])  对象的方法 ： 使用指定的原型对象及其属性去创造一个新的1.var parent = { x : ,y :   var child = Object.create(parent,   z : { // z会成为创建对象的属性

     writable:true,

     configurable:true,

     value: "newAdd"

   }

 });

 console.log(child) //{z:"newAdd"}

 console.log(child.x) //1
2.

var obj = Object.create({},{
　　"a":{value :1,congigurable :false,enumerable :true,writable:true},
　　"b":{value :2,congigurable :false,enumerable :true,writable:true},
　　"c":{value :3,congigurable :false,enumerable :true,writable:true}
　　}
);

console.log(obj.a)//输出 1
console.log(obj.b)//输出 2
console.log(obj.c)//输出 3
--------------------- 
说明: 第二个参数是一个对象的形式配置的，key就是属性的名称，value 又是一个对象，这里的value对象就是对该属性的描述;这里value对象有四个属性值value、congigurable 、enumerable 、writable
value:对象的默认值
congigurable: 能否使用  delete  能否 简单的说 ，设置这个为false之后，就不能删除这个属性或修改这个属性（属性值不影响），这个属性就是这个对象固有的，如果删除，则不成功
enumerable:  可枚举性   对象是否可以通过 for-in遍历到  false 为不可遍历  默认为 true
writable: 对象的属性是否可以修改  false为不可修改 默认为 true

4. 关于 Object.keys(obj)  对象的方法 (;类似的有 values    entries)  要注意的的是 返回数组的 顺序是会有变化的可能(数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 )

var arr = ["a", "b", "c"];

console.log(Object.keys(arr));

// ['0', '1', '2']

/* Object 对象 */

var obj = { foo: "bar", baz:  },

keys = Object.keys(obj);

console.log(keys);

// ["foo","baz"]

var an_obj = { : 'a', : 'b', : 'c' };

console.log(Object.values(an_obj)); // ['b', 'c', 'a']

var obj = { : 'a', : 'b', : 'c' };

console.log(Object.values(obj)); // ['a', 'b', 'c']

const obj = { foo: 'bar', baz:  };

console.log(Object.entries(obj)); // [ ['foo', 'bar'], ['baz', 42] ]

const simuArray = { : 'a', : 'b', : 'c' };

console.log(Object.entries(simuArray)); // [ ['0', 'a'], ['1', 'b'], ['2', 'c'] ]

5. 关于 Object.entries(obj)  对象的方法  方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for...in 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环也枚举原型链中的属性）。

示例1 -- 传入对象
const obj = { foo: 'bar', baz: 'abc' };

console.log(Object.entries(obj));  // [['foo', 'bar'], ['baz', 'abc']]  
 妙用
Object.entries(obj).map(([key, val]) => {
　　console.log(key)   //  foo   baz  拿到键名
　　console.log(val)    //   bar  abc  拿到值
}
示例2.1 -- 数组
const arr = [1, 2, 3];

console.log(Object.entries(arr));  // [['0', 1], ['1', '2'], ['2', '3']]
示例2.2 -- 数组（数组中包含对象）
const arr1 = [{ a: 1 }, 2, 3];

console.log(Object.entries(arr1));  // [['0', { a: 1 }], ['1', '2'], ['2', '3']]
示例2.3 -- 数组（数组中的值全部为对象）
const arr2 = [{ a: 1 }, { b: 2 }, { c: 3 }];

console.log(Object.entries(arr2));  // [['0', { a: 1 }], ['1', { b: 2 }], ['2', { c: 3 }]]
示例3 -- 字符串
const str = '123';

console.log(Object.entries(str));  // [['0', '1'], ['1', '2'], ['2', '3']]
示例4 -- 数字、浮点数
const num = 123;

console.log(Object.entries(num));  // []

const float1 = 12.3;

console.log(Object.entries(float1));  // []
示例5 -- 将 Object 转化为 Map

new Map() 构造函数接受一个可迭代的 entries 。 借助 Object.entries 方法你可以很容易的将 Object 转换为 Map:

const obj2 = { foo: 'bar', baz: 'abc' };

console.log(Object.entries(obj2));  // [['foo', 'bar'], ['baz', 'abc']]

const map = new Map(Object.entries(obj2));

console.log(map); // Map {'foo' => 'bar', 'baz' => 'abc'}

js 基础拓展的更多相关文章

  1. js基础篇——call/apply、arguments、undefined/null

    a.call和apply方法详解 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象 ...

  2. js 基础篇（点击事件轮播图的实现）

    轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首 ...

  3. js 基础

    js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...

  4. js基础练习二之简易日历

    今天学到了js基础教程3,昨天的课后练习还没来的及做,这个是类似简易日历的小案例,视频还没听完,今晚继续...... 先看效果图: 其实做过前面的Tab选项卡,这个就很好理解了,通过鼠标放在不同月份月 ...

  5. [JS复习] JS 基础知识

    项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or bloc ...

  6. JS基础（超级简单）

    1     JS基础(超级简单) 1.1 数据类型 1.1.1   基本类型: 1)        Number:特别注意:NaN的检测方法:Nan!=NaN;或者使用isNaN方法 2)       ...

  7. Node.js基础与实战

    Node.js基础与实战 Node.jsJS高级进阶 NODE原理与解析 REPL交互环境 模块与NPM Buffer缓存区 fs文件操作 Stream流 TCP&UDP 异步编程 HTTP& ...

  8. js基础到精通全面教程--JS教程

    适合阅读范围:对JavaScript一无所知-离精通只差一步之遥的人 基础知识:HTML JavaScript就这么回事1:基础知识 1 创建脚本块 1: <script language=”J ...

  9. JS基础知识总结

      js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划() ...

随机推荐

  1. VC++中的__super::

    在学习别人的代码时,发现了一个__super,第一感觉很像java中的super,或者C#中的base网上查了一下发现作用差不多,都是指父类.C++本身没有__super,这是visual c++的扩 ...

  2. [转]TortoiseSVN客户端重新设置用户名和密码

    在第一次使用TortoiseSVN从服务器CheckOut的时候,会要求输入用户名和密码,这时输入框下面有个选项是保存认证信息,如果选了这个选项,那么以后就不用每次都输入一遍用户名密码了. 不过,如果 ...

  3. week6:Diagnosing Bias vs. Variance难点记录

    1.Bias vs. Variance是什么概念? 图形上的理解:https://www.zhihu.com/question/27068705          http://blog.csdn.n ...

  4. Spring源码分析（五）获取Document

    摘要:本文结合<Spring源码深度解析>来分析Spring 5.0.6版本的源代码.若有描述错误之处,欢迎指正. 这一篇开始进行Document加载了,XmlBeanFactoryRea ...

  5. 《驱蚊神器v1.0》android应用 赶走那些烦人的臭蚊子

    <驱蚊神器v1.0>能够非常好地赶走那些个烦人又恼人伤人的臭蚊子,它总是搞得自己没有好的睡眠或歇息,得努力地拍巴巴掌,这下可好了,也少些烦恼了,先深情地眯缝一会儿...此声波怡人不会对人产 ...

  6. block本质探寻三之block类型

    一.oc代码 提示:看本文章之前,最好按顺序来看: //代码 void test1() { ; void(^block1)(void) = ^{ NSLog(@"block1----&quo ...

  7. bapi获取物料的可用数量及MRP信息（MD04）

    需求:在报表里面添加可用数量字段,数据来源于MD04. 使用到的bapi:MD_STOCK_REQUIREMENTS_LIST_API 这个bapi可以查看到MRP信息以及可用数量. bapi需要的参 ...

  8. Linux开机自启动脚本

    将需要开机自启动的脚本命令写在文件/etc/rc.d/rc.local中即可. 比如需要开机自启动MySql和Apache,则在/etc/rc.d/rc.local文件尾部加入两行命令: system ...

  9. 关于Modelsim SE软件Fatal License Error的解决方法

    操作环境:Win7 32位系统 软件版本:Modelsim SE 10.1a Modelsim SE软件有时会弹出如图1所示“Fatal License Error”的提示信息,原因可能是软件破解不彻 ...

  10. 【SAPUI5】ODataとは

    はじめに SAPUI5でアプリケーションを作るにあたり.ODataは避けては通れないトピックです.結構広いテーマなので.5-7回くらいに分けて書きたいと思います.1回目はODataの概要について説明し ...