1.break 和continue用法

break结束本次循环,如果想结束外层循环,可以通过这个label来指定要结束的循环。

continue可以用来跳过当次循环,如果想跳过外次循环,也可以通过这个label来指定要跳过的循环。

hello:
for(var i=0 ; i<5 ; i++){
  console.log("外层循环:"+i);
  for(var j=0 ; j<5 ; j++){
    console.log("----->内层循环:"+j)
    if(j == 2){
      break hello;
      }
    }
  }

2.计时器

console.time()可以用来开启一个计时器,这个计时器可以用来记录程序的执行的时间

 该方法需要一个字符串作为参数,这个字符串将会作为计时器的标识
console.time("test");

console.timeEnd()可以用来停止一个计时器,该方法需要一个字符串作为参数,这个字符串是要停止计时器的标识
console.timeEnd("test");

3.对象

* JS中一共有6种数据类型
* 基本数据类型
* String Number Boolean Null Undefined
* 引用数据类型
* Object(对象)

1.创建对象方法1

var obj = new Object();

obj.name = "孙悟空";
obj.age = 18;

/*
* 删除对象中的属性
* 语法:delete 对象.属性名
*/
//删除obj的name属性
delete obj.name;

2.创建对象方法2

var obj = {};

* 添加属性的第二种方式
* 对象["属性名"] = 属性值
* []这种方式比我们使用 . 更加灵活,而且[]中可以传变量

obj["123abc"] = "你好" 等价于 obj.123abc = "你好";

var obj2 = {
  name:"孙悟空",
  age:18,
  address:"花果山",
  "123":"hello",
  test:{
    name:"猪八戒",
    age:28,
    address:"高老庄"
  }
};

4.垃圾回收

* 垃圾回收(GC)
* - 当一个对象没有任何的变量对其引用时,
* 此时我们将无法在获取到该对象,也无法在对该对象做任何的操作
* 但是这种对象依然会占用内存空间,这种垃圾过多以后会浪费大量的内存
* 导致程序运行变慢。向这种对象我们必须进行回收,使其不占用内存空间。
*
* - 在JS中有自动的垃圾回收机制,浏览器会自动将没有被引用的对象清除出内存。
* 回收的工作由浏览器自动完成,而我们只需要将一些不再使用的对象设置为null即可

5.属性的枚举

//创建一个对象
var obj = {
  name:"猪八戒",
  age:28,
  address:"高老庄"
};

//对obj中的属性进行枚举
/*
* 使用 for...in 语句对一个对象中的属性进行枚举
* 语法:
* for(变量 in 对象){
*
* }
*
* 对象中有几个属性,循环体就会执行几次,
* 每次执行时都会将一个对象中的属性名赋值给变量
*/

for(var n in obj){
  console.log(n + " : " +obj[n]);
}

6函数

//创建一个函数,方法1
function fun(){

console.log("语句一");
}

//创建一个函数,方法2

- 语法:
 var 变量 = function([形参1,形参2,...形参n]){
  语句...
 };

var fun2 = function(){
alert("我是又一个函数");
};

调用函数: fun2();

前端笔记6-js2的更多相关文章

  1. Vue学习笔记-Vue.js-2.X 学习(四)===>脚手架Vue-CLI(基本工作和创建)

    (五) 脚手架Vue-CLI 一 Vue-CLI前提(nodejs和webpack) 二  Vue学习-nodejs按装配置,Node.js 就是运行在服务端的 JavaScript. 1. 去nod ...

  2. 2.前端笔记之css

    title: 1.前端笔记之CSS date: 2016-04-05 23:05:51 tags: 前端 categories: w3c --- 作者:刘耀 **出处:http://www.liuya ...

  3. 1.前端笔记之html

    title: 1.前端笔记之HTML date: 2016-04-04 23:21:52 tags: Python categories: Python --- 作者:刘耀 **出处:http://w ...

  4. 写给后端的前端笔记:浮动(float)布局

    写给后端的前端笔记:浮动(float)布局 这篇文章主要面向后端人员,对前端有深刻了解的各位不喜勿喷. 起因 前一阵子我一个后端的伙伴问我,"前端的左飘怎么做?",我立马就懵了,& ...

  5. 写给后端的前端笔记:定位(position)

    写给后端的前端笔记:定位(position) 既然都写了一篇浮动布局,干脆把定位(position)也写了,这样后端基本上能学会css布局了. 类别 我们所说的定位position主要有三类:固定定位 ...

  6. 前端笔记知识点整合之JavaScript(三)关于条件判断语句、循环语句那点事

      一.条件分支语句 条件分支语句,也叫作条件判断语句,就是根据某种条件执行某些语句,不执行某些语句. JS中有三种语法是可以表示条件分支的 1.1 if……else…… 条件分支的主力语法,这个主力 ...

  7. 前端笔记-html

    前端笔记html 前端三大利器,html(本源),css(着装),js(动作) html 学习html就是学习一套规则能够被浏览器识别,在页面中展示,一个页面只能运行一个html 标签 <> ...

  8. Vue学习笔记-Vue.js-2.X 学习(六)===>脚手架Vue-CLI(项目说明-Babel)

    五  Vue学习-vue-cli脚手架学习(创建只选一个选项:Babel) 1. 项目目录说明 node_modules : 包管理文件夹 public : 静态资源 src : 源代码 gitign ...

  9. Vue学习笔记-Vue.js-2.X 学习(五)===>脚手架Vue-CLI(PyCharm)

    Vue项目在pycharm中配置 退出运行: ctrl+c Vue学习笔记-Vue.js-2.X 学习(六)===>脚手架Vue-CLI(项目说明)

  10. Vue学习笔记-Vue.js-2.X 学习(三)===>组件化高级

    (四) 组件化高级 1.插槽(slot)的基本使用 A:基本使用: <slot></slot> B:默认置:<slot><h1>中间可以放默认值< ...

随机推荐

  1. [转]ASP.NET WebApi OWIN 实现 OAuth 2.0

    OAuth(开放授权)是一个开放标准,允许用户让第三方应用访问该用户在某一网站上存储的私密的资源(如照片,视频,联系人列表),而无需将用户名和密码提供给第三方应用. OAuth 允许用户提供一个令牌, ...

  2. 【React】富文本编辑器 清空文本内容 获取HTML

    富文本编辑器  React  传入 import React,{Component } from 'react'; import { Card, Button, Table, Form, Select ...

  3. 关于Android studio Haxm加速器安装

    首先,在SDK manager中要安装如下选项 安装后,在启动虚拟机时如果提示你没有Install Haxm,在目录sdk\extras\intel\Hardware_Accelerated_Exec ...

  4. P1068 压缩技术

    题目描述 设某汉字由N × N的0和1的点阵图案组成. 我们依照以下规则生成压缩码.连续一组数值:从汉字点阵图案的第一行第一个符号开始计算,按书写顺序从左到右,由上至下.第一个数表示连续有几个0,第二 ...

  5. 2018-12-25-WPF-如何在-WriteableBitmap-写文字

    title author date CreateTime categories WPF 如何在 WriteableBitmap 写文字 lindexi 2018-12-25 09:13:57 +080 ...

  6. 【u105】路径计数2

    Time Limit: 1 second Memory Limit: 128 MB [问题描述] 一个N×N的网格,你一开始在(1, 1),即左上角.每次只能移动到下方相邻的格子或者右方相邻的格子,问 ...

  7. 浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?原因,解决方法是什么,常用hack的技巧 ?

    * IE浏览器的内核Trident. Mozilla的Gecko.google的WebKit.Opera内核Presto: * png24为的图片在iE6浏览器上出现背景,解决方案是做成PNG8. * ...

  8. 常用MouseEvent鼠标事件对象&KeyboardEvent键盘事件对象&常用键盘码

    MouseEvent鼠标事件对象: e.target //=> 事件源(操作的是哪个元素) e.clientX e.clientY //当前鼠标触发点距离当前窗口左上角的X|Y轴坐标 e.pag ...

  9. react-electron 项目打包体积尽可能减小的方法

    当一个react-electron项目做好之后就可以开始进行打包,首先就是打包react,这个自然不用多说,不过事先要记住一点,项目目录主进程文件main.js最好放在根目录,再执行打包命令 npm ...

  10. dotnet 删除只读文件

    如果直接通过 File.Delete 删除只读文件会出现没有权限提示,可以先设置文件不是只读然后删除文件 try { File.Delete(file); } catch (UnauthorizedA ...