js跨平台的脚本语言(预习篇)

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


前言

学习,先预习,再复习就能达到事半功倍的效果!


提示:以下是本篇文章正文内容,下面案例可供参考

一、js是什么?

一个跨平台的脚本语言

平台:就是运行环境,这里一般指操作系统。

跨平台:就是在各种环境下,都可以运行。

脚本语言特点:不能够独立运行,要依赖与网页

HTML网页的运行离不开浏览器 JS程序的运行离不开HTML网页

基础语法
script标签的使用

属性:

type = ‘text、javascript’ 声明当前标签内写的文本格式

src = ‘demo.js’ 引入外部的.js文件
注意:可以有多个script标签,多个script标签是自上而下顺序执行

​ 一个script标签只能做一个事情

alert() 在当前页面上弹出一个警告框警告框中显示要显示的内容

输出方法

document.write() 在当前页面上输出内容

​ 注意:如果内容中含有标签会自动解析

console.log() 在控制台输出内容

转义字符:

​ <;代表< >; 代表>

常量与变量
常量

定义:值不可以改变的叫做常量

数据类型:

​ 基本数据类型:

​ 数字

​ 类型:number

​ 例子:100 -20

​ 布尔值

​ 类型:boolean

​ 例子:true false

​ 字符符串

​ 类型:所有带单引号或者双引号的都叫做字符串。(单引号/双引号效果一样,必须成对出现)

​ 例子:‘hello’ “world”

​ 特殊数据类型:

​ null 空 undefined NaN(not a number)

​ NaN的数据类型是数字类型也就是typeof(NaN)的结果为number

​ NaN不等于任何数,包括本身自己,NaN == NaN返回false

变量

定义:值可以修改的叫做变量

内存:

1、声明变量(必须声明后才能使用)

​ 关键字(系统征用有特殊功能的单词叫做关键字): var 声明变量

2、初始化:声明变量的时候,直接给这个变量赋值叫做初始化。

3、如果声明变量的时候,没有给这个变量复制,系统默认赋值成undefined

变量命名和弱引用
标识符

定义:所有用户自定义的名字

变量名也是标识符

命名规则:

只有数字、字母、下划线个美元符号($)组成
首字母不能是数字
不能以保留字和关键字命名
区分大小写
见名思义(尽量使用英文全称)
单词个数比较多的两个
驼峰式命名 className
下划线方式 class_name
变量:弱引用类型。赋值成什么类型就是什么类型

关键字 typeof

格式:typeof 常量/变量

功能:输出当前常量或者变量的数据类型

parseInt,parseFloat,Number的区别
三者都是强转为数字的函数,但是在具体的某些场景下,有区别 如果转的是布尔值、undefined、null以及纯整数的字符串,他们是相同的 如果转的带小数点的纯数字的字符串,parseInt的结果只有整数,parseFloat和Number是小数, 如果转的前面数字,后面有其他字符,parseInt和ParseFloat会转为数字,但是Number为NaN

答案解析: 三者都是强转为数字的函数,但是在具体的某些场景下,有区别 如果转的是布尔值、undefined、null以及纯整数的字符串,他们是相同的 如果转的带小数点的纯数字的字符串,parseInt的结果只有整数,parseFloat和Number是小数, 如果转的前面数字,后面有其他字符,parseInt和ParseFloat会转为数字,但是Number为NaN

进制转换
十进制转二进制

模二取余,固定流程

算数运算符
运算符

1、算数运算符

+、-、*、/ 、%(取余符号)

2、关系运算符

>    <    <=    >=    ==    !=    ===    !==
1
注意:值,绝对是布尔值

自动数据类型转化:

和其他运算符一样,当关系运算符操作非数值时要遵循一下规则:

两个操作数都是数值,则数值比较
两个操作数都是字符串,则比较两个字符串对应字符串的编码
两个操作数有一个是数值,则将另外一个转换成为数值,在进行数值比较
在相等和不相等的比较上,如果操作数是非数值,则遵循以下规则:

一个操作数是布尔值,则比较之前讲其转换为数值,false转成0,true转成1;
一个操作数数布尔值,则比较之前将其转换程为数值在比较;
一个操作数是NaN,则==返回 false,!=返回 true,并且NaN和自身不等;
===恒等,必须数字和数据类型都相等,否则返回false
3、逻辑运算符

&&(与运算)

格式: 表达式1 && 表达式2

规律:只有当两个表达式都true的时候,整个表达式才为真

短路操作:当表达式1为false的时候,表达式2就不执行了,就直接的出结果为false。

||(或运算)

格式: 表达式1 || 表达式2

规律:只有当两个表达式的值都为false的时候,整个表达式的值都为假

短路操作:当表达式1为true的时候,表达式2就不执行,直接的出结果为true。

!(非运算)

格式:!表达式

规律:先将表达式的值自动数据类型转换成为布尔值,然后在取反。

注意:非0即真 非空即正

规律:

操作数是一个空字符串,返回true;
操作数是一个非空字符串,返回true;
操作数是数值0,返回true;
操作数是任意非0数值(包括Infinity),false;
操作数NaN,返回true;
操作数是undefined,返回true;
4、一元运算符

++ –

++a 值:++后置,先取a的值作为a++表达式的值,然后在对a进行+1.

a++ 值:++前置,先对a进行+1操作,再a的值作为++a表达式的值。

功能:对原有的变量进行+1操作

例子:var a = 10;

​ alert(a++ + ++a + a + ++a + a++ +a);

​ alert(10 + 12 + 12 +13 + 13 +14);

a-- 值:–后置,先取a的值作为a–表达式的值,然后再对a进行-1。

–a 值:–前置,先对a进行-1操作,再a的值作为–a表达式的值。

功能:对原有的变量进行-1操作。

例子:var a = 10;

​ alert(a-- + --a + a + --a + a-- +a);

​ alert(10 + 12 + 12 +13 + 13 +14);

5、赋值运算符

​ <1>基本赋值运算符 =

​ 功能:将等号右边的值,赋值给等号左边的变量

​ <2>复合赋值运算符 += -= … x=

​ 表达式:任何数据和运算符组合成的式子叫做表达式。

注意:将不同数据类型进行算数运算

自动数据类型的转换:不同数据类型之间没有办法进行运算,将数据转成同一数据类型,在进行计算。

​ 1、其中有一个操作数必须是字符串,运算符必须是+号,别的数据类型转换成字符串,进行字符串拼接

php 从数据库提取二进制图片的处理代码
pdf

0星
超过10%的资源
28KB

下载
​ 2、任何数据和字符串做假发以外的操作,那么字符串要先转程数字再去进行运算。

​ <1>如果字符串是一个纯数字字符组成的字符串,转成对应的数字

​ <2>如果字符串中含有除数字以外别的字符,转成NaN,NaN和任何数据运算都是NaN。

3、任何其他数据除了和字符串做相加操作,与数字类型做算数运算时,其他数据会自动的转换为数字。
1
算数运算符练习
练习:

<script>
        /*
            1、入职薪水为10K,每年涨幅入职薪水的5%,50年后的工资是多少?
        */
        var money = 10000;
        //money = money + money * 0.05 * 50;
        money += monry * 0.05 * 50;
        alert(money);
     /*
            2、为抵抗洪水,战士连续作战89小时,编程计算供多少天多少个小时?
        */
        var total = 89;
        var day = parseInt(total / 24);
        var hours = total % 24;
        alert("一共花了" +  day + "天" + hours + "小时");
 /*


            3、小明要到美国旅游,可是那里的温度是华氏度为单位记录的。
            它需要一个程序讲华氏温度(80度)转换成摄氏度,并以华氏度和摄氏度为单位分别显示该温度。
            提示:摄氏度与华氏度的转换公式为:摄氏度=5/9.0*(华氏度-32)
     

  */
        var Fahrenheit = 80;
        var centigrade = (Fahrenheit - 32) * 5 / 9.0;
        alert("摄氏度:" + centigrade + "℃")
      /*


        4、给定一个三位数,分别把这个数字的首位、十位、个位显示出来
       

 123
        */
        var num = 123;
        var a = num % 10;
        var b = parseInt(num / 10) % 10;
        var c = parseInt(num / 100);
        
        alert("百位是:" + c  + "十位是:" + b  + "个位是:" + a);

 </script>


强制数据类型转换
Boolean() 将其他数据类型强制转换为布尔值

​ 非0即真 非空即真

Number() 将其他的数据类型强制转换成数字

注意:只有纯数字字符组成的字符串数字,才能专为数字,其他都为NAN

parseInt()

1、取整

2、将别的进制转换成十进制 必须传入字符串

var star = '110100';
alert(parseInt(star, 2))


parseFloat() 取浮点数

流程控制语句
顺序结构

代码自上而下顺序执行

分支结构/选择结构/条件结构

单分支语句:

语法:

 if(判断的条件){
        执行语句;(判断条件为true的时候执行)
}



例题:判断一个数是偶数还是奇数

var num = 8;
if(num % 2 == 0){
       alert("这个数是偶数");
   }


要根据不同的条件,执行不同的操作

双分支语句:

语法:

 if(判断的条件){                   
        执行语句;(判断条件为true的时候执行)
      }
      else{
          执行语句;(判断条件为false的时候执行)
      }



例题:判断一个数是偶数还是奇数

var num = 8;
if(num % 2 == 0){
       alert("这个数是偶数");
   }
else{
    alert("这个数是奇数");
}


步骤:

1、确定判断条件是什么

2、根据结果的不同,编写相应的执行语句

注意:if()里面可以写任何的表达式,都会自动数据类型转换成布尔值。

例题:求两个数的最大值

var num1 = 10,num2 = 20;
    if(num1 > num2){
        alert("最大数是num1:" + num1);
    }
    else{
        alert("最大数是num2:" + num2);
    }

例题:判断一个年份是闰年还是平年;

注意:能被4整除且不能被100整出,或者能被400整出;

var year = 2014;
    if(year % 4 == 0 && year % 100 !=0 || year % 400 == 0){
        alert("这是一个闰年:" + year);
    }
    else{
        alert("这是一个平年:" + year);
    }



多分支语句:

语法:

if(判断条件1){
        执行语句1;
}else if(判读条件2){
        执行语句2;
}

else{
        执行语句;(上述所有条件都不成立,执行这里)
}



例题:计算y值并输出

var y = 0;
    var x = 10;

  //判断x区间
    if(x < 1){
        y = x;
    }else if(x>=1 && x < 10){
        y = 2 * x + 1;
    }else{
        y = 5 * x - 17;
    }
    alert("当x的值是:"+ x + ", y的值是:" + y);



例题:成绩判定

 var score = 90;
    if (score > 85){
        alert("优秀");
    }else if(score = 75 && score <= 85){
        alert("良好");
    }else if (score >= 60 && score < 75){
        alert("及格");
    }else{
        alert("不及格");
    }



重复去做一件事

选择结构

switch语句

 switch(表达式){
     case 常量1:语句;break;
     case 常量2:语句;break;
     case 常量3:语句;break;
     ...
     case 常量1:语句;break;
     default:语句;break;         
 }



注意:表达式的结果等于哪个case的常量,则执行其后的语句,执行完break就跳出switch结构,都不满足则执行default语句:

break的作用:是跳出switch结构,如果没有break,则继续执行下面的分支的语句(而不进行判断)

注意:

1、注意switch的应用场景

2、注意case穿透。要加break语句。

3、每一个switch语句都需要加default语句。

如果循环条件成立就执行循环语句,直到循环条件不成立为止

do_while和for循环_break和continue
do_while

语法:

do{
    循环语句;
}while(循环条件)


【注】do…while循环后面的分号不要省略。


while循环和do…while循环的区别:

1、while循环,先判断循环条件

2、do_while循环,先运行一次循环语句,在去判断循环条件。

break:终止当前循环

continue:跳过本次循环,执行下次循环。


总结

以上就是今天要分享的内容,我只是粗略的了解了一下js的循环,后续还要等进一步学习才有更多的内容分享呀!最后,祝屏幕前的你,生活愉快,万事胜意~

猜你喜欢

转载自blog.csdn.net/m0_72975897/article/details/126591835