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. Python--day37--进程锁

    进程锁的示意图: 锁.py: #锁 #火车票 import json import time from multiprocessing import Process from multiprocess ...

  2. http请求头包括了哪些常见内容

    Host: www.study.com                // 请求的地址域名和端口,不包括协议 Connection: keep-alive    // 连接类型,持续连接 Upgrad ...

  3. Fast Stone截图工具使用教程

    下面是Fast Stone的显示面板,很小巧,但功能强大 一.特殊功能 1.1 添加水印 (1)选择功能栏的"Edge" (2)将要水印的图片选中,选择水印图片的放置位置,应用即可 ...

  4. linux 在启动时获得专用的缓冲

    如果你真的需要一个大的物理上连续的缓冲, 最好的方法是在启动时请求内存来分配它. 在启动时分配是获得连续内存页而避开 get_free_pages 施加的对缓冲大小限制的唯一 方法, 不但最大允许大小 ...

  5. WPF 设置纯软件渲染

    最近看到有小伙伴说 WPF 使用硬件渲染,如何让 WPF 不使用硬件渲染,因为他觉得性能太好了.万一这个版本发布了,产品经理说下个版本要提升性能就不好了.于是就找到一个快速的方法,让程序不使用硬件渲染 ...

  6. FreeSql取多表数据

    该篇内容由个人博客点击跳转同步更新!转载请注明出处! 以文章随笔与分类为例. 表结构 部分字段如下,其他省略,为了展示一对多关联,一个分类下可以有多个文章.一个文章属于一个分类. blog_artic ...

  7. 十二、格式化I/O

    1.fprintf 表头文件 #include<stdio.h> 定义函数 int fprintf(FILE * stream, const char * format,.......); ...

  8. Struts2 基于XML校验(易百教程)

    以下是的各类字段级和非字段级验证在Struts2列表: date validator: <field name="birthday"> <field-valida ...

  9. Spring+dubbo错误(一)

    10-21 20:51:39.593 ERROR [ContextLoader.java:351] Context initialization failed org.springframework. ...

  10. Adam Harley的卷积神经网络3D视觉化模型

    https://m.huxiu.com/article/138857/1.html 最近 Google Tensorflow 做了一个非常直观的神经网络 playground.不夸张地说,现在每个人都 ...