console的命令详解

一、显示信息的命令

console.log('hello');
console.info('信息');
console.error('错误');
console.warn('警告');

最常用的就是console.log了。

二:占位符
 
console上述的集中度支持printf的占位符格式,支持的占位符有:字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o);

console.log("%d年%d月%d日",2011,3,26);


三、信息分组

console.group("第一组信息");

  console.log("第一组第一条:我的XX");

  console.log("第一组第二条:xxx");

console.groupEnd();

console.group("第二组信息");

  console.log("第二组第一条:程序爱好者QQ群: 80535344");

  console.log("第二组第二条:欢迎你加入");

console.groupEnd();

四、查看对象的信息

console.dir()可以显示一个对象所有的属性和方法。

var info = {
      name:"无名小强",
      sex:"男",
      message:"我是前端程序员"
};
console.dir(info);

五、显示某个节点的内容

var info = document.getElementById('info');
console.dirxml(info);

六、判断变量是否是真

console.assert()用来判断一个表达式或变量是否为真。如果结果为否,则在控制台输出一条相应信息,并且抛出一个异常。

var result = 1;
console.assert( result );
var year = 2014;
console.assert(year == 2018 );

1是非0值,是真;而第二个判断是假,在控制台显示错误信息

七、追踪函数的调用轨迹。

function add(a,b){
        console.trace();
  return a+b;
}

八、计时功能

console.time()和console.timeEnd(),用来显示代码的运行时间。

        console.time("控制台计时器一");
  for(var i=0;i<1000;i++){
    for(var j=0;j<1000;j++){}
  }
  console.timeEnd("控制台计时器一");

九、console.profile()的性能分析

性能分析(Profiler)就是分析程序各个部分的运行时间,找出瓶颈所在,使用的方法是console.profile()。

function All(){
alert(11);
         for(var i=0;i<10;i++){
funcA(1000);
}
        funcB(10000);
      }

  function funcA(count){
    for(var i=0;i<count;i++){}
  }

  function funcB(count){
    for(var i=0;i<count;i++){}
  }

  console.profile('性能分析器');
  All();
  console.profileEnd();


  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面详细介绍一下 JavaScript 中常用的一些命令: 1. 变量声明:var、let、const 在 JavaScript 中,我们使用 var、let 或 const 来声明变量。它们的区别在于作用域和可变性。var 声明的变量作用域是函数级别的,而 let 和 const 声明的变量作用域是块级别的。另外,const 声明的变量是不可变的,而 let 和 var 声明的变量是可变的。 示例: ``` var num = 10; // 声明一个变量 num,赋值为 10 let name = 'Tom'; // 声明一个变量 name,赋值为 'Tom' const PI = 3.14; // 声明一个常量 PI,赋值为 3.14 ``` 2. 运算符:+、-、*、/、% JavaScript 中的运算符和其他语言类似,包括加、减、乘、除和取模运算。 示例: ``` var a = 10; var b = 5; var c = a + b; // c 的值为 15 var d = a - b; // d 的值为 5 var e = a * b; // e 的值为 50 var f = a / b; // f 的值为 2 var g = a % b; // g 的值为 0 ``` 3. 比较运算符:==、!=、>、<、>=、<= JavaScript 中的比较运算符用于比较两个值的大小或者是否相等,返回的结果是一个布尔值。 示例: ``` var a = 10; var b = 5; console.log(a == b); // false console.log(a != b); // true console.log(a > b); // true console.log(a < b); // false console.log(a >= b); // true console.log(a <= b); // false ``` 4. 逻辑运算符:&&、||、! 逻辑运算符用于组合多个条件,返回的结果也是一个布尔值。 示例: ``` var a = 10; var b = 5; var c = 7; console.log(a > b && a > c); // true console.log(a > b || a < c); // true console.log(!(a > b)); // false ``` 5. 条件语句:if、else、else if 条件语句用于根据不同的条件执行不同的代码块。 示例: ``` var age = 18; if (age < 18) { console.log('未成年'); } else if (age >= 18 && age <= 60) { console.log('成年人'); } else { console.log('老年人'); } ``` 6. 循环语句:for、while、do while 循环语句用于重复执行某段代码,直到满足特定条件。 示例: ``` // for 循环 for (var i = 0; i < 10; i++) { console.log(i); } // while 循环 var j = 0; while (j < 10) { console.log(j); j++; } // do while 循环 var k = 0; do { console.log(k); k++; } while (k < 10); ``` 7. 函数声明:function 函数用于封装一段代码,可重复使用。 示例: ``` function add(a, b) { return a + b; } console.log(add(1, 2)); // 3 console.log(add(3, 4)); // 7 ``` 8. 对象和属性:{}、. JavaScript 中的对象用于封装一组属性和方法,可以通过点号或方括号访问对象的属性。 示例: ``` var person = { name: 'Tom', age: 18, sayHello: function() { console.log('Hello, I am ' + this.name); } }; console.log(person.name); // Tom console.log(person['age']); // 18 person.sayHello(); // Hello, I am Tom ``` 9. 数组:[] 数组用于存储一组值,可以通过下标访问数组元素。 示例: ``` var arr = [1, 2, 3, 4]; console.log(arr[0]); // 1 console.log(arr[1]); // 2 console.log(arr.length); // 4 ``` 10. 字符串:''、"" 字符串用于表示文本信息。 示例: ``` var str1 = 'Hello'; var str2 = "World"; console.log(str1 + ' ' + str2); // Hello World ``` 11. 控制台输出:console.log() console.log() 用于将信息输出到控制台。 示例: ``` console.log('Hello World'); ``` 12. 用户输入:prompt() prompt() 用于弹出对话框,提示用户输入信息。 示例: ``` var name = prompt('请输入您的姓名:'); console.log('Hello, ' + name); ``` 13. 页面操作:document.getElementById()、innerHTML、setAttribute() 这些命令用于操作 HTML 页面中的元素,包括获取元素、修改元素内容和属性。 示例: ``` // 获取元素 var div = document.getElementById('myDiv'); // 修改元素内容 div.innerHTML = 'Hello World'; // 修改元素属性 div.setAttribute('class', 'myClass'); ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值