JavaScript基础语法01

JavaScript的作用

  • 表单动态校验(密码强度检测)(JS产生最初的目的)
  • 网页特效
  • 服务端开发(Node.js)
  • 桌面程序(Electron)
  • App(Cordova)
  • 控制硬件-物联网(Ruff)
  • 游戏开发(cocos2d-js)

浏览器执行JS简介

浏览器分成两部分:渲染引擎和JS引擎

渲染引擎∶用来解析HTML与CSS,俗称内核,比如chrome浏览器的blink,老版本的webkit

JS引擎∶也称为JS解释器。用来读取网页中的JavaScript代码,对其处理后运行,比如chrome浏览器的V8

浏览器本身并不会执行JS代码,而是通过内置JavaScript引擎(解释器)来执行JS代码。S引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以JavaScriot语言归为脚太语言,会涿行解释执行

JS三种书写方式

行内式的JS,直接写在元素内部

<input type="button" value="点击我"  onclick="alert('弹出对话框')">

内嵌式JS

    <script>
        alert("弹出对话框")
    </script>

外部引入

<script src="javascript.js"> </script>
alert('弹出对话框');

输入输出语句

变量案例

同时声明多个变量

    <script>
        var uname='林林',age='20';
        alert('我的名字是'+uname+',今年'+age+'岁');
    </script>

 变量名的命名规范

交换两个变量的值

数据类型

JavaScript是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。

在代码运行时,变量的数据类型是由JS引擎根据=右边变量值的数据类型来判断的,运行完毕之后,变量就确定了数据类型。

var age = 10;
var shiFou='是的';

简单数据类型(基本数据类型)

 程序里面数字前面加0 是八进制;0x 表示十六进制;

 

isNaN()

 字符串转义字符

 字符串长度

字符串是由若干字符组成的,这些字符的数量就是字符串的长度。通过字符串的length属性可以获取整个字符串的长度。

字符串拼接

+

 案例

<script>
    var age=prompt('请输入你的年龄:');
    var str='你的年龄为'+age+'岁了';
    alert(str);
</script>

布尔型Boolean

 Undefined和Null

typeof 检测数据类型

 数据类型转换

转换为数字类型(重点)

 

 简单交互案例 

 练习

<script>
     var name=prompt('请输入你的名字:');
     var age=prompt('请输入你的年龄:');
     var sex=prompt('请输入你的性别');
     alert('你的名字为'+name+'\n'+'年龄为'+age+'\n'+'性别为'+sex);
    </script>

 递增递减

 比较字符串

 

 逻辑运算符

 逻辑&&

 逻辑||

 赋值运算符

 

运算符优先级

 分支流程控制if语句

    <script>
        var age=prompt('请输入你的年龄:');
        if (age >=18){
            alert('你已经成年了,可以上网')
        }
        else{
            alert('你还未成年,不能上网')
        }
    </script>
   <script>
        var year=prompt('请输入年份:');
        if (year%4==0&&year%100!==0){ //year%400==0
            alert('是闰年')
        }
        else{
            alert('不是闰年')
        }
    </script>

 三元表达式

 补0操作

switch

 for 循环

 

 双重for循环

 <script>
        var rows=prompt('请输入你要打印的行数:');
        var cols=prompt('请输入你要打印的列数:');
        var str='';
        for (var i=1;i<rows;i++){
            for (var j=1;j<cols;j++){
                str=str+'★';
            }
            str=str+'\n';
        }
        alert(str);
    </script>

 打印倒三角形

 九九乘法表

 do while

 

while

 continue

 

 break立马退出整个循环

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值