星球的眼睛 发表于 7 天前

前端入门一之JS最基础、最基础语法

媒介


[*]JS是前端三件套之一,也是核心,本人将会更新JS基础、JS对象、DOM、BOM、ES6等知识点;
[*]这篇文章是本人大一学习前端的条记;
[*]接待点赞 + 收藏 + 关注,本人将会持续更新。


初体验



[*]行内式
<input type="button" value="点我试试" onlick="alert('Hello World')">


[*]

[*]少量可以写在HTML中
[*]留意引号,HTML:双引号,js:单引号
[*]特殊情况下使用

[*] 内嵌式
<script>
   
</script>

[*] 外部js文件
<spript src="">
   
</spript>

输入输出语句



[*] alert(’ '); 弹出框,输出框
[*] prompt(’ ') 输入框
<script>
            let re = prompt(`
      1.输入 + - * / 计算两个数字的结果
      2.如果输入q则退出
      `);

      //一直计算,所以要用循环
      while(true)
      {
            if(re === 'q') {
                break;
            }
            else {
                let num1 = +prompt('请输入第一个数字:');      // + 转为number型
                let num2 = +prompt('请输入第二个数字:');

                if(re === '+'){
                  alert(`这两个数的和为: ${num1 + num2}`);
                  break;
                }else if(re === '-') {
                  alert(`这两个数的和为: ${num1 - num2}`);
                  break;
                }else if(re === '*') {
                  alert(`这两个数的积为: ${num1 * num2}`);
                  break;
                }else if(re === '/') {
                  alert(`这两个数的积为: ${num1 / num2}`);
                  break;
                }
            }
      }
</script>

[*] console.log(’ ') 给程序员看的
变量和常量

常量



[*]整型常量(十六 八 十进制)
[*]实型常量(如:小数,科学计数法)
[*]布尔值
[*]字符型常量
[*]特殊字符
变量



[*]var 变量名
[*]其余差不多
数据类型及数据类型的转换

数据类型



[*] js中变量的数据类型不确定,在程序运行过程中根据等号右边的值来确定
[*] Number:

[*]无穷:Infinity -Infinity
[*]NaN非数字

[*] 验证是不是数字类型
console.log(isNaN( ));    //返回值:true flase

[*] 字符串型(string)

[*] 获取字符串长度 length
var num="12345";
alert(num.length);
留意:字符串 + 任何类型 = 拼接之后的新字符串

[*] 布尔型(Boolean)
[*] true flase
[*] 未定义(Undefined )

[*]NaN
[*]null(空值)

[*] 检查数据类型: typeof
数据类型的转换

转为字符串



[*]重点: + ’ ’
[*]变量名.toString
[*]String(变量名)
转为数字型(字符串转数字)



[*]parseInt(string)
[*]parseFloat(string)
[*]Number(string)
[*]使用 * + -
转为布尔型



[*] Boolean( )

[*] 转化值:

[*]代表空、否定的值会被转换 flase
​ 如:0 NaN null Undefined
   

[*]其他转化为 true


数组

var str = new Array[ ];   //第一种
var str = [ ];             //无长度   


[*]js扩容

[*]通过新增数组元素
[*]通过修改length长度:

[*]如 arr.length = 7;


函数

function 函数名( ) {//()里面参数不用写类型
   
}

//调用
函数名( );
预解析(JS的运行机制)



[*]从上到下
[*]变量预解析(变量提拔),但是变量赋值不会。
[*]函数预解析(函数提拔)
留意点:
var a = b = c = 9;
//相当于var a = 9; b = 9; c = 9;   b、c相当于全局变量

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 前端入门一之JS最基础、最基础语法