javascript(一)

1webstorm中打开页面

(1)右上角有浏览器图标直接点击即可

(2)快捷键:alt+f2回车或上下键选择

ctrl +alt+l格式化代码

2js代码注意的问题

(1)在一对script标签中有错误的js代码 ,那么该错误代码后面的js代码不会执行

(2)如果第一对script标签有错误不会影响后面的script标签的js代码执行

(3)script标签中可以写什么内容

type="text/javascript"是标准写法,或

language="JavaScript"

html遵循h5标准<!DOCTYPE html>时,type或language可以省略

(4)script标签一般放在body标签中的最后(先加载页面,再加载script),有时会放在head标签中

(5)如果script标签是引入外部js文件的作用,那么这对标签不要写任何的js代码,如果要写,重新写一对script标签,里面写代码

3js的书写位置

(1)行内

<input type="button" value="按钮" οnclick="alert('Hello World')" />

(2)script标签中

<head>
  <script>
    alert('Hello World!');
  </script>
</head>

(3)外部js文件,在页面引用

<script src="main.js"></script>

注意:引用外部js文件的script标签中不可以写js代码

4变量

-var声明变量

var age;

-变量的赋值

var age;
age = 18;

-同时声明多个变量

var age, name, sex;
age = 10;
name = 'zs';

-同时声明多个变量并赋值

var age = 10, name = 'zs';

变量的命名规则:js区分大小写

js的字符串可以使用双引号也可以使用单引号

变量名一般是小写的,如果是多个单词,则用小驼峰命名法

*输出变量值:

1alert();

2输出到控制台中concole.log();

5数据类型

(1)简单数据类型

Number、String、Boolean、Undefined、Null

(2)Number类型

数值字面量:数值的固定值的表示法

进制

浮点数:

var n=5e-324 //科学计数法 5乘以10的-324次方

浮点数值的最高精度是17位小数

var result=0.1+0.2; //结果不是0.3,而是0.30000000000000004

注:不要判断两个浮点数相等

-数值范围:

  - NaN:not a number
    - NaN 与任何值都不相等,包括他本身
  - isNaN: is not a number

最小值:Number.MIN_VALUE,这个值为: 5e-324
最大值:Number.MAX_VALUE,这个值为: 1.7976931348623157e+308
无穷大:Infinity
无穷小:-Infinity

*var num1=0.1; var num2=0.2; var num3=num1+num2不等于0.3;在js里不能用小数验证小数。

-数值判断:

(3)String类型

字符串长度  变量名.length

console.log(str.length);

转译 /

(4)Boolean

(5)Undefined

未定义:变量声明了没赋值;函数没有明确返回值,如果接收了也是undefined;

如果一个变量是undefined和一个数字计算,结果是NaN

(6)Null

null表示一个空,变量的值如果想为null,必须手动设置

6js基本代码规范

(1)每一行结束都应该有分号

(2)区分大小写

(3)字符串可以使用单引号也可以使用双引号

(4)声明变量都用var

7在控制台输出变量 f12的控制台

console.log

8注释

(1)单行注释//

(2)多行注释/**/

9js中的原始数据类型:

number string boolean null(一个对象指向为空) undefined(未定义:变量声明未赋值;函数没有明确返回值,如果接收了,结果也是undefined;如果一个变量是undefined和一个数字计算,结果是NaN,不是数字没有意义) object

获取变量的数据类型typeof

语法:typeof 变量名

typeof(变量名)

var nll=null;
console.log(typeof nll);//不是null是object
console.log(String(nll));//null

10如何使用谷歌浏览器,快速的查看数据类型?

字符串的颜色是黑色的,数值类型是蓝色的,布尔类型也是蓝色的,undefined和null是灰色的

11转换成字符串类型

- toString()

  ```
  var num = 5;
  console.log(num.toString());
  ```

- String()

  ```
  String()函数存在的意义:有些值没有toString(),这个时候可以使用String()。比如:undefined和null
  ```

- 拼接字符串方式

  num  +  "",当 + 两边一个操作符是字符串类型,一个操作符是其它类型的时候,会先把其它类型转换成字符串再进行字符串拼接,返回字符串

12转换成数值类型

- Number()

  ```
  Number()可以把任意值转换成数值,如果要转换的字符串中有一个不是数值的字符,返回NaN
  ```

- parseInt()

  ```javascript
  var num1 = parseInt("12.3abc");  // 返回12,如果第一个字符是数字会解析知道遇到非数字结束
  var num2 = parseInt("abc123");   // 返回NaN,如果第一个字符不是数字或者符号就返回NaN
  ```

- parseFloat()

  ```
  parseFloat()把字符串转换成浮点数
  parseFloat()和parseInt非常相似,不同之处在与
      parseFloat会解析第一个. 遇到第二个.或者非数字结束
      如果解析的内容里只有整数,解析成整数
  ```

 

 

13转换成布尔类型

Boolean()

0  ''(空字符串) null undefined NaN 会转换成false  其它都会转换成true

14运算符

++在左:先加1,后参与运算

++在右:先参与运算,后加1

--同

15逻辑运算符

与、或、非

&&  ||     !

16关系运算符

==与===的区别:==只进行值得比较,===类型和值同时相等,则相等

var result = '55' == 55;      // true
var result = '55' === 55;     // false 值相等,类型不相等
var result = 55 === 55;     // true

17赋值运算符

18运算符的优先级

    优先级从高到底
        1. ()  优先级最高
        2. 一元运算符  ++   --   !
        3. 算数运算符  先*  /  %   后 +   -
        4. 关系运算符  >   >=   <   <=
        5. 相等运算符   ==   !=    ===    !==
        6. 逻辑运算符 先&&   后||
        7. 赋值运算符

19分支结构

if (/* 条件表达式 */) {
  // 执行语句
}

if (/* 条件表达式 */){
  // 成立执行语句
} else {
  // 否则执行语句
}

if (/* 条件1 */){
  // 成立执行语句
} else if (/* 条件2 */){
  // 成立执行语句
} else if (/* 条件3 */){
  // 成立执行语句
} else {
  // 最后默认执行语句
}

20三元运算符

21switch语句

22循环结构

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值