学习笔记,js介绍及数据类型

目录

一、js基本介绍

二、js的组成

1.ECMAScript 

2.BOM

3.DOM

三、js的编写及运行

1.js的导入方式

2.打印方式

四、变量与常量

五、数据类型


一、js基本介绍

简介:

         JavaScript一种在浏览器中解释运行的脚本语言,它的解释器被称为JavaScript引擎,为浏览器的一部分,是广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML(HTML5)网页增加动态功能。在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。

         可以实现:用户交互(表单验证)、网页特效(漂浮的广告)、客户端的显示(页面内容,速度快)、网页游戏、地图搜索、股市信息查询、web聊天...

H5与JS的关系:

        H5狭义上,指HTML的第五个版本;广义上指web前端的所有技术,由于web前端是在H5出现后开始火爆起来,所以,习惯上把web前端也叫H5。web前端开发也叫H5开发。

        H5包括 HTML,CSS,JavaScript,等一切前端技术。

二、js的组成

  • 1.ECMAScript 

        是一种由Ecma国际(前身为欧洲计算机制造商协会),定立ECMA-262标准化的脚本程序设计语言。规定了 JavaScript 脚本的核心语法,如 数据类型、关键字、保留字、运算符、对象和语句等。

  • 2.BOM

  •         定义了 JavaScript 操作浏览器的接口,提供了访问某些功能(如浏览器窗口大小、版本信息、浏览历史记录等)的途径以及操作方法。
  • 3.DOM

  •         定义了 JavaScript 操作 HTML 文档的接口,提供了访问 HTML 文档(如body、form、div、textarea等)的途径以及操作方法。

三、js的编写及运行

1.js的导入方式

  • 页面内:在<script> </script>之间直接添加JS代码
  • 页面外:通过<script>标签的src属性,引入外部js文件
<script src='xxx.js'></script>

注意:页面外通过src导入的js文件是不能再标签内写js代码的

2.打印方式

  • document.write(数据):将数据打印至大白板,如果数据可以被当做HTML标签,则以HTML标签的方式显示。
  • console.log(数据):将数据打印至控制台
<script>
        document.write("hello world");
        console.log("hello world");
</script>

四、变量与常量

    常量:在程序运行的过程中,其值不能改变的量,称为常量

    变量:在程序运行的过程中,其值可以改变的量,称为变量

   变量的定义:一个容器的创造
   var 标识符;
   var是js中的关键字  关键字->拥有特殊含义的单词
   var告知编译器后面修饰的标识符是一个变量
   标识符:变量的名字
   定义了一个变量,该变量名为a
   var a;
   变量的使用:左值与右值,左值使用的是空间;右值使用的是数值
   变量的初始化:在变量定义的同一行赋值,也称为赋初值

标识符的命名规则:

        只能由数字、字母、下划线以及$符构成,并且首字母不能为数字,其次不要和已有关键字和函数重名。

  •  见名知意:提高代码的可读性
  •  尽量使用英文
  •  驼峰命名法:如果一个变量由若干个单词构成,则除了首单词外的其它单词首字母大写。

五、数据类型

1.内置基本类型

  • Number类型:数字类型
  • String类型:字符串类型,用双(单)引号括起来的一串字符。
  • Boolean类型:布尔有两种取值 true 和 false ,表示真假。非0代表真,0代表假
  • Undefined类型:未被赋值的变量,只有一个值 undefined
  • Null类型:一个空的对象引用,只有一个值 null

2.引用类型:Object

使用typeof关键字查看变量类型

    var age = 20;
    alert(typeof age);
    alert():弹出一个提示框

猜你喜欢

转载自blog.csdn.net/m0_64186396/article/details/126615098
今日推荐