真的了解JS么?

1、setTimeout

  setTimeout(function(){

  }),1000)

  setTimeout(function(num){

    alert(num)    //弹123

  },1000,123)

2、拼接字符串(使用\)

  document.body.innerHTML = ‘<div>div</div>\

                  <span>span</span>\

                  <p>p</p>\

                  55555‘

3、console.log(在控制台输出样式%c)

  var test = 123;

  console.log(test); //正常输入log文字

  console.log(‘%c‘+test,‘color:red;font-size:20px;background:blue‘) //输出有样式的文字

4、typeof(要通过调用的形式)

  var test = 123;

  typeof test  //number

  typeof(test)

  //instanceof、in也有类似的使用方法

5、嵌套for循环(跳出整个循环)

  for (var i=0;i<5;i++){

    for (var j=0;j<1;j++){  

      if (i==3) break;

      alert(i)

    }

  }

  结果:0,1,2,4,其中3跳出里面的循环

  cc : for (var i=0;i<5;i++){

    for (var j=0;j<1;j++){  

      if (i==3) break cc;

      alert(i)

    }

  }

  结果:0,1,2

6、for (;;) 参数不写是可以的

  for (var i=0;i<5;i++){

    alert(i);

  }

  不写参数的改写如下:

  var i=0;

  for (;;) {

    alert(i);

    if (++i>=5) break;

  }

7、call

  call是用来更改this指向的,如果不写则表示window Object

8、insertBefore

  if (!aLi.length) {

    //第一个

    oUl.appendChild(oLi)

  } else {

    oUl.insertBefore(oLi,aLi[0])     //若aLi[0]为空,则跟appendChild是一回事,因此可以直接写:oUl.insertBefore(oLi,aLi[0])

  }

9、匿名函数自执行(位运算符也可以)

  (function(){})()

  ~function(){}()

  !function(){}()

  +function(){}()

10、创建对象(可以省略括号)

  function Aaa(){}

  var test = new Aaa();

  也可以 var test = new Aaa;

  系统对象也可以的:

  var arr = new Array;

    

  

时间: 2024-12-21 00:04:02

真的了解JS么?的相关文章

你真的了解js伪数组吗?深入js伪数组

关于js伪数组 具有length属性: 按索引方式存储数据: 不具有数组的push().pop()等方法: 你可能知道怎么把伪数组转换为数组,但是你知道这里边的原理吗? 假如页面有一组li元素 <ul> <li>1111</li> <li>1111</li> <li>1111</li> </ul> 获取集合,控制台打印 这就是一个伪数组,长得很像数组,但是没有数组splice,concat,join,pop等方

真的了解JS的面向对象吗?

js的几种数据类型:number, string, boolean, object, undefined五种数据类型 js的常见内置对象类:Date, Array, Math,Number,Boolean, String, RegExp,Function,Object. js的两个类型判断方法:typeof.instanceof typeof:一元运算符,eg: typeof(1)将返回number.它返回的是顶级的几种数据类型 instanceof:二元运算符 eg: myObj instan

真的了解js生成随机数吗

由js生成一切随机数的基础都是Math.random(),这个方法比较特别,生成的随机数落在的区间是[0,1),进行一次操作的话,js只能生成一个类似于[n,m)这样,左闭右开的区间.所以当有一些特殊需求的时候,就势必要进行一些其它的操作,下面对各种需求进行简单的分析: 生成任意区间的整数 全闭区间[n,m] 这种的最常见,大家都知道的那一长串公式:Math.floor(Math.random()*(m-n+1))+n; 就是生成这个全闭区间的方法.说到这个公式很多人都知道,但真正想明白的人估计

Sorry 会JS真的了不起

相信每一个想要学习前端的人对于前端三剑客html+css+js都不会陌生,这些可以说是一个前端的标配,而在前端的世界里,没有什么是JavaScript实现不了的,你真的了解js吗? 关于JS有一句话:凡是可以用 JavaScript 来写的应用,最终都会用 JavaScript.吹了这么久JS,究竟它的魔力在哪里?能运用在哪些方面呢? 1.数据可视化 数据可视化是当下大家所推崇的一种互动展示模式,而Javascript拥有ECharts.Dygraphs.js.D3.js.InfoVis.Spr

js调用.net后台事件,和后台调用前台等方法以及js调用服务器控件的方法

http://blog.csdn.net/deepwishly/article/details/6670942  ajaxPro.dll基础教程(前台调用后台方法,后台调用前台方法) 1. javaScript函数中执行C#代码中的函数: 方法一:间接触发后台代码 1.首先建立一个服务端控件按钮命名为btn1,双击进入后台将调用或处理的内容写入btn1_click中; 2.在前台写一个js函数,内容为document.getElementByIdx("btn1").click(); 3

初次用prototype的形式编写JS代码

模仿写一个listbox的功能, 这里只完成部分的功能. 因为完整的应该是与服务端交互, 根据搜索的关键进行匹配. 然后可以利用键盘 或者 鼠标来选择推荐出来的内容. 这里只实现选择的功能. 只要是JS部分的代码. 第一步: CSS代码 .ac-renderer {     width: 600px;     top: 33px;     left: 1px;     position: absolute;     top: 35px;     left: 1px;     z-index: 1

时隔多日,终于再次开始读jquery源码

中间有工作忙,也有自己懒惰.大部分是后者. 但是我知道自己真的喜欢js,作为第一个阅读的js开源框架.我一定会坚持下去. ----------------------- 看完了each方法.each会调用传入回调方法.这个用过一次的新手都会很明白. 但是看源码之后自己反倒被自己的弄糊涂了. 原因是测试each时回调方法只写了一句jquery的方法.结果导致each的源码和回调混淆在一起.我还埋怨书中写的不够详细.后来把回调写成了alert(1)终于明朗了. **看来以后一定要注意测试一个框架的源

JavaScript - 收藏集 - 掘金

Angular 中的响应式编程 -- 浅淡 Rx 的流式思维 - 掘金第一节:初识Angular-CLI第二节:登录组件的构建第三节:建立一个待办事项应用第四节:进化!模块化你的应用第五节:多用户版本的待办事项应用第六节:使用第三方样式库及模块优化用第七节:给组件带来活力Rx--隐藏在 Angular 中的利剑Redux你的 A... Electron 深度实践总结 - 前端 - 掘金思维导图 前言: Electron 从最初发布到现在已经维护很长一段时间了,但是去年才开始慢慢升温.笔者个人恰好

面试官: 写过『通用前端组件』吗?

前言 设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design.Antd.iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理. 能否设计出通用前端组件也是区分前端工程师和前端api调用师的标准之一,那么应该如何设计出一个通用组件呢? 下文中提到的组件库通常是指单个组件,而非集合的概念,集合概念的组件库是 Antd iView这种,我们所说的组件库是指集合中的单个组件,集合性质的组件库需要考虑的要更多. 文章目录 前端组件库的