关于Javascipt基础1

Posted 2020-08-06

Javascipt是一种脚本语言，由web浏览器进行解释和执行。

将javascript应用到网页中的方式有两个

 一是将javascript代码插入html文档的<script>标签中

 二是将javascript代码存放在一个独立的文件里，再用<script>标签的src属性指向该文件使用。

javaScript 语法概念

一、变量

变量由 var 运算符加变量名定义。（var是声明变量）

　　例如：var age = 25（声明age这个变量 赋予25这个数值）

　　 　　  var mood = ‘happy’（赋予字符串happy 注意有引号的是指字符串）

变量名命名规则：

 第一个字符必须是字母、下划线(_)、或美元符号 ($)

 变量名中不能包含空格或标点符号（下划线(_) 和$ 除外)

 变量名区分大小写

 不能使用保留字、关键字

 为了让变量名有更好的可读性，可以在变量名中适当的插入下划线分隔， 如：var my_mood = ‘happy’;

二、数据类型

1.字符串(String)

 字符串由零个或多个字符构成，字符包括字母，数字，标点符号和空格

 字符串必须放在引号里（单引号或双引号）

　var mood = “happy”; var mood = ‘happy’

2.数值(number)

 var age = 25（整型数值）

 var price = 33.25（浮点数值 注意浮点数与浮点数计算时有可能出现计算精度不准）

3.布尔类型 (boolean)

 布尔型数据只能有两种种值 true 和 false

 var married = true（真 真确的意思）

 var married = false（假 错误的意思）

 与字符串不同，不要把布尔值用引号括起来。布尔值 false 与 字符串 "false"是两回事。

4.对象(object)

 Javascript是一种面向对象的语言，因此可以使用面向对象的思想来进行 对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体。

 例如：Date 日期对象（js的内置对象）

 Date对象用来处理日期和时间。

 代码： var today = new Date();（声明today变量 赋予新建的Date（）对象 ，以下是用变量取出对象的方法）

 　　　 var year = today.getFullYear();

　　　  var month = today.getMonth() + 1;（西方的月份是0~11 另外星期和秒也是从零开始的）

　　　  var day = today.getDay();

5.Array 数组(object)

 我们的变量一般都只能存储一个内容 所以它其实是一个单一的容器

 我们的数组一般可以存一个或者是多个值 ，所以数组是一个大的容器

  组成部分: 数组其实是由多个 (键-值) 所组成的一个多容器

  数组的索引 默认是从0开始的 定义数组

  例如var arr = new Array(23,23,45,56,435);（新建Array（数组）放进元素）

        var arr2 = [23,34,546];（是上面的简写）

　　   var arr3 = new Array();

         arr3[0] = 234;（arr3第一个元素放进234）

         arr3[1] = 234;（arr3第二个元素放进234）

6. null, undefined（null是指变量是空的  undefined是连空都没有）

 Null 在 JavaScript 中 null 表示 "什么都没有"。

 null是一个只有一个值的特殊类型。表示一个空对象引用。

  var person = null

  你可以设置为 null 来清空对象。

  Undefined 在 JavaScript 中是一个没有设置值的变量。

  typeof 一个没有值的变量会返回 undefined。

  var person = undefined;

  你可以设置为 undefined 来清空对象:

 Undefined 和 Null 的区别

        typeof undefined //undefined

        typeof null //object（对象）

        null === undefined //false

        null == undefined // true

三、数据类型的查看和转换

  1.查看数据类型 typeof var mood = "happy"

　　例如：alert(typeof mood); alert(typeof 95)

  2.转换成字符串

　　例如：var married = false;

　　　　　alert(married.toString()); // outputs “false”（转化成了字符串false）

　　　　   var age = 25;

　　　　　alert(age.toString()); //outputs “25”（转化成了字符串25）

　

　3.转换成数字

　　parseInt() 转换成整数

　　parseFloat() 转换成浮点数

　　Number() 转换成数值 如果有字符串的则返回NaN

 

　　例： var test = parseInt(“blue”); //returns NaN

　　　　 var test = parseInt(“1234blue”); //returns 1234

　　　　 var test = parseInt(“22.5”); //returns 22

 　　　　var test = parseFloat(“1234blue”); //returns 123.4

　　　　 var test = parseFloat(“123.4blue”); //returns 123.4

　　　　 var test = parseFloat(“22.5”); //returns 22.5

　　　　 var test = Number(“123.4blue”); //returns NaN

　　　　 var test = Number(“22.5”); //returns 22.5

 　　　　var test = Number(“225”); //returns 225

4.判断变量类型

　　1.判断字符串

　　 typeof(a)==‘string’

　　2.判断数值

　　 typeof(a)==‘number’

　　3.如果是一个数值类型，但内容不是一个有效的数字，会显示NaN,判断 NaN

　　 isNaN(a)

　　4.判断变量是否为空（未定义变量。或定义变量但没进行初始化就会出现）

　　 typeof(a)==‘undefined’