首页 > 编程语言 >JavaScript进阶07笔记

JavaScript进阶07笔记

时间:2023-06-26 16:24:17浏览次数:39  
标签:多行 Web 浏览器 进阶 JavaScript 注释 控制台 07

Javascript进阶学习

在最新版本的火狐浏览器上才有的功能。

火狐浏览器 内置的 Web 控制台非常适合学习 JavaScript,Web 控制台包含两个输入模式——单行模式、多行模式。

单行模式

web控制台不仅可以展示当前已加载页面的信息,还包含一个可以在当前页面执行 Javascript 表达式的命令行。

在火狐浏览器菜单栏的“工具" => "浏览器工具" => "Web 开发者工具"( 在 Windows 和 Linux 上Ctrl+Shift+I ,Mac 上Cmd+Option+K),选择"Web 开发者工具栏"的控制台选项卡,它会如期出现在浏览器窗口的底部。最下一行就是可以执行输入的命令行,面板上可以显示执行结果。

为了简单起见,可以想象每次输入到控制台的东西实际上都被 console.log 所包围。

console.log(eval('3 + 5'))

 

多行模式

Web 控制台的单行模式非常适合用来测试单个的 JavaScript 表达式,对于复杂的 JavaScript 表达式或者一定规模的代码块就显得力不从心了。这正是多行模式所要解决的。

Hello world

让我们用 Web 控制台的多行模式来写一个“Hello World"程序吧!JavaScript code:

(function() {
   "user strict";
   function greetMe(yourName) {
       alert('Hello ' + yourName);
  }
   greetMe('World');
})

输入完成后,按下Cmd+Enter或者Ctrl+Enter(或者单击运行按钮) 就可以在浏览器中看到执行结果了!

 

但是现在请记住,始终将 (function(){"use strict"; 添加到你的代码之前,始终将})();添加到你的代码之后。

现在关于它们的作用你只要知道以下两点:

  1. 防止 JavaScript 的语义影响初学者

  2. 防止控制台中的代码片段之间发生意料之外的交互

 

注释

Javascript 注释的语法和 C++ 或许多其他语言类似:

// 单行注释

/* 这是一个更长的,
  多行注释
*/

/* 然而,你不能,/* 嵌套注释 */ 语法错误 */

在代码执行过程中,注释将被自动跳过(不执行)。

备注: 你可能会在一些 JavaScript 脚本中见到像这样#!/usr/bin/env node的第三种注释

这种注释我们称为 hashbang 注释 (hashbang comment),这种注释被用来指定执行 JaveScript 脚本的引擎的路径。

 

 

标签:多行,Web,浏览器,进阶,JavaScript,注释,控制台,07
From: https://www.cnblogs.com/zjy1020/p/17505992.html

相关文章

  • JavaScript进阶08笔记
    语法和数据类型声明JavaScript有三种声明方式。var声明一个变量,可选初始化一个值。let声明一个块作用域的局部变量,可选初始化一个值。const声明一个块作用域的只读常量。 声明变量你可以用以下三种方式声明变量:使用关键词var。例如varx=42。这个语......
  • JavaScript进阶09笔记
    错误处理异常处理语句你可以用throw语句抛出一个异常并且用try...catch语句捕获处理它。throw语句try...catch语句异常类型JavaScript可以抛出任意对象。然而,不是所有对象能产生相同的结果。尽管抛出数值或者字母串作为错误信息十分常见,但是通常用下列其中一种异......
  • JavaScript学习 -- 高阶函数
    一、普通函数比较大小写声明函数判断大于或小于数组中的某个数letarr=[1,2,3,4,5,6,7,8,9]functionaiyou(a){for(leti=0;i<arr.length;i++){if(arr[i]>a){console.log(arr[i])}}console.log("****************************")}functionbucuo(a){for(......
  • AtCoder Beginner Contest 307 G Approximate Equalization
    洛谷传送门AtCoder传送门考虑我们如果确定了最终态\(B=(B_1,B_2,...,B_n)\),如何计算最少操作次数。显然从左往右依次使\(A_i=B_i\)。当操作到第\(i\)个位置时,此时\(A'_i=\sum\limits_{j=1}^iA_j-B_j\),所需操作次数为\(|A'_i|\)。令\(C_i=\sum\limits_{......
  • 像大神一样玩转JavaScript
    前言众所周知,JavaScript是一种非常流行的编程语言,它已经成为了网页开发的必备技能。但是,在我们从事JavaScript编程的时候,我们却没有完全发掘和利用它的全部潜力。在本文中,我们将分享一些高级的JavaScript技巧,希望帮助掘友们更好地理解和掌握JavaScript编程。关于JS高级用法在学习Ja......
  • JavaScript、vue、uniapp如何获取本周开始时间和结束时间?
    //获得本周的开始时间: getStartDayOfWeek(time){ letnow=newDate(time);//当前日期 letnowDayOfWeek=now.getDay();//今天本周的第几天 letday=nowDayOfWeek||7; letnowDay=now.getDate();//当前日 letnowMonth=now.getMonth();//......
  • 07.生成器模式(Builder)
    使用生成器模式来解决问题定义将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不同的表示。生成器模式的结构和说明Builder:生成器接口,定义创建一个Product对象所需的各个部件的操作。ConcreteBuilder:具体的生成器实现,实现各个部件的创建,并负责组装Produ......
  • JavaScript program to check if a given year is leap year Javascript判断是否是闰
    Ayearisleapyeariffollowingconditionsaresatisfied:Yearismultipleof400.Yearismultipleof4andnotmultipleof100.Approach: Getthevalueofinputfieldbyusingdocument.getElementById(“year”).valueCheckthegivenyearisleapyear......
  • JavaScript1.8.5新特性系列Object.keys
    以前在js-object这个分类里面也写过keys相关的api 在JavaScript1.8.5中,加入了原生的Object.keys这个api  Object.keys(obj);/*简单举例*/Object.keys({"A":"a","B":"b"});//["A","B"]兼容性写法:  if(!Object.keys){Object.keys=......
  • AtCoder Beginner Contest 307 ABCDE
    AtCoderBeginnerContest307A-WeeklyRecordsProblemStatement题意:告诉你有几个礼拜,问你每个礼拜走的路程和。Solution思路:按题意模拟,每7天加起来就行。#include<bits/stdc++.h>usingnamespacestd;typedeflonglongll;intmain(){ intn; cin>>n; llsum=......