前端入门一之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]