JS基础(一)——认识JS及其基础语法

书读的越多而不加思考,你就会觉得你知道得很多;而当你读书而思考得越多的时候,你就会越清楚地看到,你知道得很少。

导读:本篇文章讲解 JS基础(一)——认识JS及其基础语法,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com,来源:原文

网页的三个组成部分

  • HTML:用于控制网页的内容
  • CSS:用于控制网页的样式
  • JavaScript:用于控制网页的行为 

网页的行为指用户与浏览器的行为交互、浏览器与浏览器与服务器的数据交互。

ECMAScriptS(ES)

ECMAScriptS是JavaScript语言的标准,可以理解为js的版本

比较重要的版本有ES5和ES6(ES2015)

后续的版本统称:ES2015+

ES2015是完全向下兼容的,所以不要担心学习了低版本的内容,以后工作用不上。

JS基础语法 

1、script标签

JS代码需要写在script标签里

2、alert:写在alert()里面的元素会以弹窗的形式在页面中显示。

    <script>
        alert("hello world")
    </script>

JS基础(一)——认识JS及其基础语法

3、注释:用双斜杠表示(//)

4、console.log(),在控制台打印()里面的内容

console.log("老铁666")

JS基础(一)——认识JS及其基础语法

变量

1、可以将变量理解为一个存储数据的容器。

2、声明变量

var s = "hello world";
  • var用来声明变量
  • = 用来将右侧数据赋值给左侧变量
  • ;用来规范写法,如果不写也不会报错

 也可以同时声明多个变量,用英文逗号隔开即可

        var s1 = "hello",s2 = "world";
        console.log(s1);
        console.log(s2);

JS基础(一)——认识JS及其基础语法 

3、变量命名规范

  • 变量名要见名知意
  • 变量名可以是字母、下划线、$,名中可以包括数字,但是不能以数字开头
  • 小写字母开头,多个单词,第二个单词的首字母要大写(驼峰命名),如:var firstName=”zhangsan”
  • 命名不能与关键字、保留字重复

 

数据类型 

1、存储在变量中的数据,是有不同类型的。

2、常见数据类型:

  • 字符串类型(string)
var s = "hello world";
  • 数值类型(number)
var n = 100;
  • 布尔数据类型,只有两个值,真(True)和假(False)
var b = True;
  • 未定义(Undefined):undefined
  • 空(Null):null
  • 对象(Object):{} 

3、数据类型的运算

数值类型的运算,加减乘除的符号分别为:+ – * /

var n1 = 20,n2 = 10;
var result = n1 + n2;
console.log(result);

字符串类型的加法运算是字符串的拼接

        var s1="100",s2="200",s3="hello",s4="world";
        var result1 = s1 + s2;
        var result2 = s3 + s4;
        console.log(result1)
        console.log(result2)

JS基础(一)——认识JS及其基础语法

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/122884.html

(0)
飞熊的头像飞熊bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!