javascript历史、作用、三大组成、javascript代码书写位置、注意事项、变量

苦海123

已于 2024-03-19 23:08:21 修改

阅读量177

点赞数 1

分类专栏： javascript 文章标签： javascript 前端

于 2021-04-21 11:01:50 首次发布

本文链接：https://blog.csdn.net/weixin_46758988/article/details/115939400

版权

javascript 专栏收录该内容

37 篇文章 1 订阅

订阅专栏

JavaScript简介

JavaScript历史：

JavaScript是一门解释型、动态类型、基于对象的脚本语言(不需要编译，直接执行，与之相对的是编译型语言)，由美国网景公司的布兰登·艾奇发明，起初称LiveScript，其简称js。

JavaScript作用：

起初表单验证----网页特效-----服务端开发(Node.js)-----桌面程序(Electron)-----App(Cordova)-----控制硬件物联网(Ruff)-----游戏开发(cocos2d.js)

浏览器执行javascript代码：浏览器分为两部分渲染引擎和js引擎。渲染引擎指解析HTML和CSS的引擎，俗称内核；js引擎指处理js代码的引擎，俗称解析器。js引擎执行js代码时逐行读取并解析执行(转换为二进制)，即脚本语言。

JavaScript三大组成部分：

ECMAScript（js基本语法编程核心的标准）、 DOM—Document Object Model（文档对象模型，操作页面上的元素）、BOM—Browser Object Model（浏览器对象模型，操作浏览器窗口）
在这里插入图片描述

JavaScript基础语法

JavaScript代码书写位置：

1、内嵌式：在html文件中的script标签中写js代码；2、行内式：直接在标签中书写js代码(内嵌js代码)；3、外部式：在js文件中书写js代码，并通过script标签引入到html文件中

	<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0，user-scalable=no，maximum-scale=1.0,minimum-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <!-- 内嵌js代码： -->
        <input type="button" value="点击弹框" onclick="alert('直接写在标签中的js代码')">
        <!-- 写在script标签中的js代码：script标签中的type属性和language属性在h5新规定可以省略不写，但是有些程序员会写上，这是标准写法，为了后面浏览器解析代码不会出现意外。 -->
        <script type="text/javascript" language="JavaScript">
            alert('在html文件中的script标签中书写js代码');
        </script>
        <!-- 写在外部js文件中的js代码，通过script标签引入HTML文件： -->
        <script src='js/alert.js'></script>
    </body>
    </html>

注意：

1、在一对script的标签中有错误的js代码，那么该script标签中错误代码后面的代码不执行

2、如果一对script的标签中有错误，不会影响后面的script标签中的js代码执行

3、script标签内：

type=‘text/javascript’-----标准写法

language=‘javascript’------也可以，目前都省略，原因是html遵循h5的标准

4、特殊情况：script中同时出现type和language的写法，防止浏览器解析时出错

5、script标签在页面中可以出现多对

6、script标签一般是放在body标签的最后面，有时也放在head标签中

7、如果js文件是外部引入的，那么该对script中不能写任何代码

JavaScript中的注释：

	//第一种注释：注释语句，VScode中快捷键：Ctrl + /
    
    /* 第二种注释：注释语句，VScode中快捷键：Shift + Alt + a */

JavaScript中常用测试方法：

在这里插入图片描述
变量：

变量：指计算机中存储数据的标识（容器），根据变量名称可以获取到内存中储存的数据（变量的本质：程序在内存中申请一块存数据的空间）。js中存储数据是通过变量的方式储存的，操作变量都是在内存中的，变量的声明及赋值一般用var、const、let等关键字，使用变量可以方便的获取或者修改内存中的数据，初学JavaScript使用var声明变量，如：

	<script>
        //关键字 变量名 = 值
        var num = 10;
        var name = 'xiaohei';
    
        var sum; //变量的声明指：在内存中开辟一块空间
        sum = 20; //给变量赋值
    
        var sum = 10; // 变量的初始化：即声明变量的同时并赋值
    
        var x = 1,
            y = 2,
            z = 3; //一次初始化多个变量
    
        var num1,
            num2,
            num3; //一次声明多个变量
    
        //一次给多个变量赋值：
        num1 = 1;
        num2 = 2;
        num3 = 3;
    
        // 使用弹框用变量接收一个值，并输出这个值
        var str = prompt('输入内容:');
        alert('弹出输入的内容:' + str);
    
    		//不声明的变量在js中是可以使用的，前提要赋值
    		myName = 'Jack';
    		console.log(myName);
    </script>

注意：

1、JavaScript中区分大小写

2、JavaScript中每个js代码结束后要跟分号结尾

3、变量名应该有意义，由字母、数字、下划线、$符号组成，不能以数字开头，不能是关键字和保留字

4、遵守驼峰命名法。首字母小写，后面单词的首字母需要大写

5、变量名不能重名，重名后相当于给变量重新赋值。

交换两个变量：

	<script>
        // 借助第三方变量实现变量交换：
        var num1 = 10;
        var num2 = 20;
        var temp;
        temp = num1;
        num1 = num2;//变量的重新赋值
        num2 = temp;
        console.log('num1:' + num1);
        console.log('num2:' + num2);
    
        //通过计算的方式交换两个变量：
        var num1 = 10;
        var num2 = 20;
        num1 = num1 + num2;
        num2 = num1 - num2;
        num1 = num1 - num2;
        console.log(num1, num2);
    
        // 计算机位运算，扩展，不需要理解
        var num1 = 10;
        var num2 =
        num1 = num1 ^ num2;
        num2 = num1 ^ num2;
        num1 = num1 ^ num2;
        console.log(num1, num2);
    </script>

提示：本文图片等素材来源于网络，若有侵权，请发邮件至邮箱：810665436@qq.com联系笔者删除。
笔者：苦海

苦海123

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
1
评论
javascript历史、作用、三大组成、javascript代码书写位置、注意事项、变量

JavaScript简介JavaScript历史：JavaScript是一门解释型、动态类型、基于对象的脚本语言(不需要编译，直接执行，与之相对的是编译型语言)，由美国网景公司的布兰登·艾奇发明，起初称LiveScript，其简称js。JavaScript作用：起初表单验证----网页特效-----服务端开发(Node.js)-----桌面程序(Electron)-----App(Cordova)-----控制硬件物联网(Ruff)-----游戏开发(cocos2d.js)浏览器执行javascr
复制链接

扫一扫