JavaScript学习基础篇(一)

导读:本篇文章讲解 JavaScript学习基础篇(一),希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

JavaScript 字符集

JavaScript 使用 Unicode 字符集。
Unicode 覆盖世界上几乎所有的字符、标点和符号。

JavaScript书写方式

1.行内式

<button type="button" onclick="document.getElementById('demo').style.display='block'"></button>

2.内嵌式

<script>
function MyJs(){
        document.getElementById('demo').style.display='none'
        }
</script>

3.引入式(推荐方式)

<script src="myScript1.js"></script>```
    //调用方式如:
    <button onclick="Demo()">
    //弹框Demo方法
    <button onclick="Demo01()">
    //弹框Demo01方法

JavaScript 数据显示和用户输入函数

函数 效果
window.alert(msg) 弹出警告框
console.log(msg) 控制台输出
document.write(msg) 写在HTML输出
prompt(info) 用户可以输入

JavaScript 变量定义 一般写在代码块中 结尾使用分号结束

  • var为弱类型根据输入确定类型
    var x,y,z;
    x=10;
    y="Hello";
    z=10.0;
  • function 声明函数在函数中对变量进行操作
function myJs(){
 	var x , y, z;
    x = 10;
    y = 20;
    z = x + y;
    document.write(z);
    }  //计算数值

    function Demo(){
    var a,b,c;
    a="Hello";
    b="World";
    c = a + " "+ b; 
    alert ( c );
    } //合并字符串 输出结果为Hello World

JavaScript变量的作用域

  • 全局变量定义在函数外,不同的方法可以分开调用和赋值
	var n;
		function Demo(){
		n=30;
		alert(n);//30
		}
		function Demo1(){
		n="Hello";
		alert(n); //Hello       
		}
  • 局部变量的定义 x只在Demo中生效
var x = 20; //局部变量不会改变全局变量的值
    function Demo(){
    var x=10;
    alert(x);//10
    }
    alert(x)  //弹出20
  • 注意var和let 定义在代码块{ }中的区别
//在块 {} 内声明的变量可以从块外访问:
    {
    var x=10;
    }
    //此处可以alert(x)  弹出 10
    
    //在块 {} 内声明的变量无法从块外访问:
    {
    let x =10;
    }
    //此处无法弹出x的值
    
    var x=10;
    {
    var x=6;
    }

    //在这个区域的x = 6 全局变量被覆盖
    var x=10; 
    {
    let x=6;
    }
    //这个区域的x = 10 无法覆盖全局变量

ES2015 引入了两个重要的 JavaScript 新关键词:let 和 const。

 //const定义的常量值不能更改
    const x=20;
    x=10; //错误赋值

    //创建const对象
    const list={type:"date",model:"phone",name:"Jack"};
    //可以单个修改元素
    list.model='oppo';
    list.name='Mali';
    list.type="bit";
    //也可以添加
    list.test="Bill";

    //创建const数组
    const list = ["date" , "phone" , "Jack"];
    list[0] = "Lili"; //可以修改值
    list.push("BOSS"); //可以加入值
    console.log(list);
    
    //错误赋值
    const list = ["date" , "phone" , "Jack"];
    list=["nane","age","sex"] ;//不能这样赋值会 ERROR

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之家整理,本文链接:https://www.bmabk.com/index.php/post/48342.html

(0)
小半的头像小半

相关推荐

极客之家——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!