前端笔记6-js2
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的更多相关文章
- Vue学习笔记-Vue.js-2.X 学习(四)===>脚手架Vue-CLI(基本工作和创建)
(五) 脚手架Vue-CLI 一 Vue-CLI前提(nodejs和webpack) 二 Vue学习-nodejs按装配置,Node.js 就是运行在服务端的 JavaScript. 1. 去nod ...
- 2.前端笔记之css
title: 1.前端笔记之CSS date: 2016-04-05 23:05:51 tags: 前端 categories: w3c --- 作者:刘耀 **出处:http://www.liuya ...
- 1.前端笔记之html
title: 1.前端笔记之HTML date: 2016-04-04 23:21:52 tags: Python categories: Python --- 作者:刘耀 **出处:http://w ...
- 写给后端的前端笔记:浮动(float)布局
写给后端的前端笔记:浮动(float)布局 这篇文章主要面向后端人员,对前端有深刻了解的各位不喜勿喷. 起因 前一阵子我一个后端的伙伴问我,"前端的左飘怎么做?",我立马就懵了,& ...
- 写给后端的前端笔记:定位(position)
写给后端的前端笔记:定位(position) 既然都写了一篇浮动布局,干脆把定位(position)也写了,这样后端基本上能学会css布局了. 类别 我们所说的定位position主要有三类:固定定位 ...
- 前端笔记知识点整合之JavaScript(三)关于条件判断语句、循环语句那点事
一.条件分支语句 条件分支语句,也叫作条件判断语句,就是根据某种条件执行某些语句,不执行某些语句. JS中有三种语法是可以表示条件分支的 1.1 if……else…… 条件分支的主力语法,这个主力 ...
- 前端笔记-html
前端笔记html 前端三大利器,html(本源),css(着装),js(动作) html 学习html就是学习一套规则能够被浏览器识别,在页面中展示,一个页面只能运行一个html 标签 <> ...
- Vue学习笔记-Vue.js-2.X 学习(六)===>脚手架Vue-CLI(项目说明-Babel)
五 Vue学习-vue-cli脚手架学习(创建只选一个选项:Babel) 1. 项目目录说明 node_modules : 包管理文件夹 public : 静态资源 src : 源代码 gitign ...
- Vue学习笔记-Vue.js-2.X 学习(五)===>脚手架Vue-CLI(PyCharm)
Vue项目在pycharm中配置 退出运行: ctrl+c Vue学习笔记-Vue.js-2.X 学习(六)===>脚手架Vue-CLI(项目说明)
- Vue学习笔记-Vue.js-2.X 学习(三)===>组件化高级
(四) 组件化高级 1.插槽(slot)的基本使用 A:基本使用: <slot></slot> B:默认置:<slot><h1>中间可以放默认值< ...
随机推荐
- ssh使用笔记
在集群管理和配置中有很多命令要在各个节点中发送(特别是Master->Worker),大家都不希望发送每一个命令时都输入一次密码,因此常常先配置实现Master无密码登录到所有的Worker节点 ...
- 2018-8-10-win10-uwp-绘图--Line-控件使用
title author date CreateTime categories win10 uwp 绘图 Line 控件使用 lindexi 2018-08-10 19:16:51 +0800 201 ...
- 使用 node.js三行代码实现手机端访问html页面文件
首先确保你安装了node (全局安装) npm install -g browser-sync // --files 路径是相对于运行该命令的项目(目录) browser-sync start --s ...
- VScode快捷键(最全)
按 Press 功能 Function Ctrl + Shift + P,F1 显示命令面板 Show Command Palette Ctrl + P 快速打开 Quick Open Ctrl + ...
- Numpy 返回数组大小
import numpy as np a = [[1, 2], [3, 4], [5, 6]] b = np.array(a) len(a) # 3 len(b) # 3 np.size(a) # 3 ...
- LuoguP3066 逃跑的BarnRunning Away From…
LuoguP3066 先吐槽一下,这道题名字好长啊 一个非常明显的思路,利用倍增数组不断向上跳.直到数值大于\(L\),然后直接差分统计答案就好了. 这种ZROI也考过,不多赘述了. 我们来考虑主席树 ...
- 数据库java包
package com.hgkj.model.dao.impl; import java.sql.*; public class DBManager { private static final St ...
- springboot中redis做缓存时的配置
import com.google.common.collect.ImmutableMap;import org.slf4j.Logger;import org.slf4j.LoggerFactory ...
- 【Docker】删除镜像
删除镜像:docker rmi [OPTIONS] IMAGE [IMAGE...] 1.删除所有未被 tag 标记和未被容器使用的镜像: docker image prune 2.删除所有未被容器使 ...
- Visual Studio Team Services使用教程【2】:添加团队成员
2017.4.23之后建议朋友看下面的帖子 TFS2017 & VSTS 实战(繁体中文视频) Visual Studio Team Services(VSTS)与敏捷开发ALM实战关键报告( ...