目录

🌱 JavaScript 基本使用

🔗 相关链接:

JavaScript 是一门完备的 动态编程语言 (opens new window)。当应用于 HTML 文档时,可为网站提供动态交互特性。应用场合极其广泛,简单到幻灯片、照片库、浮动布局和响应按钮点击,复杂到游戏、2D/3D 动画、大型数据库驱动程序等等。

JavaScript 相当简洁,却非常灵活。开发者们基于 JavaScript 核心编写了大量实用工具,可以使 开发工作事半功倍。其中包括:

  • 浏览器应用程序接口(API (opens new window))—— 浏览器内置的 API 提供了丰富的功能,比如:动态创建 HTML 和设置 CSS 样式、从用户的摄像头采集处理视频流、生成 3D 图像与音频样本等等。
  • 第三方 API —— 让开发者可以在自己的站点中整合其它内容提供者提供的功能
  • 第三方框架和库 —— 用来快速构建网站和应用

# JavaScript 用法

  1. 在 HTML 标签的指定属性中使用脚本:
<button onclick="alert('hello');">我是按钮</button>  
<a href="javascript:alert('aaa');">超链接</a>  
1
2
  1. script 标签中,可以位于 HTML 页面中的 <body><head> 部分中。
<script>  
	//编写js代码  
</script>  
1
2
3

老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言

  1. 引入外部 js 文件
<script type="text/javascript" src="文件路径"></script>  
1

# JavaScript 输出

  1. ⚠️ 警告框 alert

    alert("example");  
    
    1
  2. 写入到 HTML 页面的 body 标签中:

    document.write("example")
    
    1
  3. 输出到开发工具的控制台: log + tab 快捷输入

    console.log("example");  
    
    1

# JavaScript 基本语法

# 分号的用法

  • 声明函数不需要使用 ; 分号

    function functionName(arg0,arg1,arg2){  
    //函数声明  
    }  
    
    1
    2
    3
  • ** 赋值语句需要使用 ; **

    var functionName = function(arg0,arg1,arg2){  
    //函数表达式  
    };(注意分号)  
    
    1
    2
    3

    JS 中每条语句以分号结尾。如果不写分号,浏览器会自动添加,但是会消耗一些系统资源, 而且有些时候,浏览器会加错分号,所以在开发中分号必须写。

    JS 中会自动忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化。

    🔗 相关阅读:JavaScript 语句后应该加分号么? - 尤雨溪的回答 - 知乎 (opens new window)

# 注释的方法

  • 单行注释使用 //

  • 多行注释使用

    /*
    	example
    */
    
    1
    2
    3

# 区分大小写

JavaScript 对大小写是敏感的:例如,函数 getElementByIdgetElementbyID 是不同的。同样,变量 myVariableMyVariable 也是不同的。

提示

JavaScript 常用的命名规则是驼峰法的命名规则。例如, lastName

# 保留关键字

* * * *
abstract else instanceof super
boolean enum int switch
break export interface synchronized
byte extends let this
case false long throw
catch final native throws
char finally new transient
class float null true
const for package try
continue function private typeof
debugger goto protected var
default if public void
delete implements return volatile
do import short while
double in static with
📢 上次更新: 2022/09/02, 10:18:16