Javascript（基础） 笔记 15

引入格式（内嵌&外引）

   ① 
       <script>
           内嵌
       </script>
   
  
   ② <script src="JS.js">
        alert(1);
    </script>  
//外引（此种表达方式的外引会将内部的alert（1）覆盖掉） 



// 想要内嵌外引同时适用，则需要用①②这种分别写的表达方式，
//而且执行内嵌与外引的先后顺序取决于①②的书写顺序 
    

基础语法与组成元素

① 定义变量
②变量使用
③ 定义函数
④函数调用

1.定义变量

 定义变量
 var  声明变量的关键字(涵盖int、float...等等)

 var a = 10;
 var b = 20.8;
 alert(a+b); 
【注：同数字类型相加为加法，不同类型相加为拼接 】
 （定义不区分类型，但是最后使用时有类型）
 使用时的变量类型
 一. 基本类型
1. 数字类型  var a=10   var b=10.5
2.字符串   var a='aaaaaa'   var b='a'
3.布尔类型（真假） true  false
4.undefined类型  声明了一个变量，但是没有赋值
5.null涉及到一个量，但是这个量本身不存在

二. 复合类型

1.数组
2.对象
3.函数

//  1.数组(数组内可以存放各种类型的数据，包括且不限于另一个数组)
var a=[10,3.5,'aaa',true,null,undefined,[6,22.4]];
console.log(a);

// 通过下标访问数组的内容 下标从0开始
var num=a[1];
console.log(num);
console.log(a[6][0])  
// 二维形式访问被嵌套的数组

// 2. 对象
var obj={
    name:"aa",
    age:19,
    play:["one","two"],
    love:[
        {
        fun:'phone',
        during:8,
        },
        {
            fun:'song',
            during:9,
        }
    ]
}
console.log(obj.love[1])
//输出obj中的love数组内的第二个元素

// 3.定义函数
// (function 定义函数的关键字: function name(参数列表){函数体})
function f(a,b){
    console.log('函数执行');
}
// 命名函数调用:  name()
    f()

// 匿名函数（更推荐）
var aa=function(a,b){
    console.log('匿名函数');
}

console.log(aa);
// 匿名函数调用
aa();
//---------------------------------------------------
// ①普通函数
function aa(x){
    console.log(null);
    console.log(123);
}
aa(); // 调用函数
console.log(aa);// 查看函数
// ②匿名函数
var bb=function(y){
    console.log('执行弹窗');
    alert('i am a 弹窗');
}
bb();

// [注：可以用“bb=function aa(x)”,但是bb会将aa定义名字覆盖掉]

4. 拓展：

① 数组里的函数

var a=[10,2.3,'ddd',null,undefined,
    [1,2,3],
    function aa(){
        alert('tt');
    },
    function(){
        alert('dd');
    }
]

a[6]();//调用数组中的函数（可匿可不匿函数）
a[7]();

 ②对象里的函数

var obj={
    name:"aa",
    age:19,
    play:["one","two"],
    love:[
        {
        fun:'phone',
        during:8,
        },
        {
            fun:'song',
            during:9,
        }
    ],
   run: function aa(x){
        alert('tt');
    },
    eat: function(y){
        console.log(y),
        alert('dd');
    }
}
obj.eat(10);// 调用对象内函数

 三. 一些互动（触发调用函数）

1.单击

document.onclick=function(){ // 单击
    alert('不要单击me');
    console.log(document);// 以文件形式打印
    console.dir(document);// 以对象形式打印
}

2.双击

document.ondblclick=function(){
    alert('不要双击me');
}

3.其他

document.onmouseenter=function(){// 鼠标进入页面触发
    alert('你不要过来！');
}

document.onmouseleave=function(){ // 鼠标离开界面触发
    alert('走了就别回来！');
}

document.onmousedown=function(){ // 鼠标点击触发
    alert('?');
}

 4.多重调用函数

var aa=function(){
    alert('!!!');
}
document.onclick=aa;
document.ondblclick=aa;
document.onmouseenter=aa;//多重调用函数

5.调用需要传参的函数

var aa=function(x,y){
    alert('!!!');
    console.log(x);
    console.log(y);
    return 'demo';
}
document.ondblclick=function(){// 调用需要传参的函数
    aa(10,11);
};