美文网首页web前端技术栈Web前端之路前端开发
前端JS入门教程-JavaScript 基础语法

前端JS入门教程-JavaScript 基础语法

作者: 大前端圈子 | 来源:发表于2019-06-11 10:21 被阅读13次
    JavaScript介绍

    JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

    JavaScript特点

    JavaScript 是一门脚本语言。
    JavaScript 是一种轻量级的编程语言。
    JavaScript 是可插入 HTML 页面的编程代码。
    JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
    JavaScript 容易学习。

    JavaScript 语法是一套规则,它定义了 JavaScript 的语言结构。
    JavaScript 值

    JavaScript 语句定义两种类型的值:混合值和变量值。
    混合值被称为字面量(literal)。变量值被称为变量。

    JavaScript 字面量

    书写混合值最重要的规则是:
    数字(Number)字面量 可以是整数或者是小数,,写数值有无小数点均可:

    15.90
    10011
    

    字符串是文本,由双引号或单引号包围:

    "Bill Gates"
    'Bill Gates' 
    

    表达式字面量 用于计算:

    5 + 6
    5 * 10
    
    JavaScript 变量

    在编程语言中,变量用于存储数据值。
    JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值:
    在本例中,x 被定义为变量。然后,x 被赋的值是 7:

    var x;
    x = 7;
    
    JavaScript 运算符

    JavaScript 使用算数运算符(+ - * /)来计算值:

    (7 + 8) * 10
    

    JavaScript 使用赋值运算符(=)向变量赋值:

    var x, y;
    var x = 7;
    var y = 8;
    
    JavaScript 语句

    在 HTML 中,JavaScript 语句向浏览器发出的命令。
    语句是用分号分隔:

    x = 5 + 6;
    y = x * 10;
    
    JavaScript 表达式

    表达式是值、变量和运算符的组合,计算结果是值。

    6 * 10
    

    表达式也可包含变量值:

    x * 10
    

    值可以是多种类型,比如数值和字符串。

    例如,"Bill" + " " + "Gates",计算为 "Bill Gates":

    "Bill" + " " + "Gates"
    
    JavaScript 关键词

    JavaScript 关键词用于标识被执行的动作。
    var 关键词告知浏览器创建新的变量:

    var x = 7 + 8;
    var y = x * 10; 
    
    JavaScript 注释

    并非所有 JavaScript 语句都被“执行”。
    双斜杠 // 或 /* 与 */ 之间的代码被视为注释。
    注释会被忽略,不会被执行:

    var x = 7;   // 会执行
    // var x = 8;   不会执行
    
    JavaScript 标识符

    标识符是名称。
    在 JavaScript 中,标识符用于命名变量(以及关键词、函数和标签)。
    在大多数编程语言中,合法名称的规则大多相同。
    在 JavaScript 中,首字符必须是字母、下划线(-)或美元符号($)。
    连串的字符可以是字母、数字、下划线或美元符号。

    提示:数值不可以作为首字符。这样,JavaScript 就能轻松区分标识符和数值。

    JavaScript 字母大小写

    JavaScript 对大小写是敏感的。
    当编写 JavaScript 语句时,请留意是否关闭大小写切换键。
    函数 getElementById 与 getElementbyID 是不同的。
    同样,变量 myVariable 与 MyVariable 也是不同的。

    更多JavaScript 基础语法后续持续更新.......
    欢迎各位大神补充。。。
    前端全栈学习交流群 137503198 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

    点击链接加入群聊【web前端技术学习交流群】

    爱前端-专注全栈大前端

    相关文章

      网友评论

        本文标题:前端JS入门教程-JavaScript 基础语法

        本文链接:https://www.haomeiwen.com/subject/chlffctx.html