黑马程序员-javascript(中)

1、js中定义数组的两种形式:

1)var arr=[];

   var arr=[3,4,5,9];注意直接打印数组名,就可以输出数组中的元素,document.write(arr);

  alert(typeof()arr); 输出:Object(对象类型)

js中数组的长度是可变的,元素的类型是任意的。

假如数组的长度只有3,而现在却给arr[4]赋值,(arr[4]=56;)若打印数组,则arr[3]的值为undefined,而arr[4]的值为56

2)使用js中的Array对象来完成

var  arr=new Array();   //相当于 var  arr=[];

var  arr1=new    Array(5)  //定义一个长度为5的数组

var   arr2=new    Array(1,2,3); //定义一个数组,存储的元素是1,2,3

2、js中的函数

定义格式: function  函数名(参数列表)/////function是关键字

{

 函数体;

return  返回值;//(注意,若没有具体的返回值,return可以省略不写)

}

函数细节:

1)每个函数中存在一个默认的数组,对传入函数的参数进行存储,这个数组的名称是arguments

2)定义数组时这样写  function  sum(x,y)  

{

return x+y;

}

不要写成这样         function sum(var x,var y)

{

return x+y;

 

}

3)注意 变量的作用范围

 function  show(x,y)

{

for(var x=0;x<arguments.length;x++)

{

Documents.write(arguments[x]);

}

}

 

这样写是不对的,注意两个x不能同名。

只要是定义在script标签中的变量,在script标签中都有效,(在另一个script标签中也有效,只要是在一个网页中),但是在函数内部定义的变量是局部变量,只是在函数内部有效。

 

 

4) 定义一个函数sum   ,    function  sum()

{

return 100;

 

}

var  a=sum(); 

Alert(a=+a);  //打印100

若是写成这样 :

Var  a=sum;

再打印呢?会出现什么效果

会输出:             function  sum()

{

return 100;

 

}

注意,由于js是完全基于对象的,所以创建的函数就是一个函数对象,这个对象的名称

就是函数名。

原理:

5)js中的动态函数(使用的是js中的内置的一个对象Function

  eg

     var  add=new  Function(x,y,var sum;  sum=x+y;  return sum;);

     var   he=add(4,8);

 alert(he=+he);

那么动态性体现在哪儿呢?

首先我们注意到Function中的参数都是字符串,而字符串的内容我们可以动态传入,所以就体现了其动态性。

 

6)Js中的匿名函数(没有名字的函数,通常是函数的简写形式)

egvar   add3=function(a,b) ///(注意此处的function为小写,而上面的Function为大写)

{

return a+b;

}

 

alert(add3(7,8));

7)导入外部的js文件

<script  type=text/javascript  src=out.js>  < /javascript>

 

  

 


### 黑马程序员 JavaScript 学习资料汇总 以下是关于黑马程序员提供的 JavaScript 学习资源及相关知识点的详细介绍: #### 一、基础入门视频教程 可以通过 B 站上的系列课程快速掌握 JavaScript 的基础知识。推荐以下两个视频作为起点: - **黑马程序员前端】JavaScript 入门到精通 (1)** – 提供了 HTMLJavaScript 基础理论的学习内容[^1]。 - **黑马程序员前端】JavaScript 入门到精通 (2)** – 进一步深入讲解实际开发中的应用案例。 这些视频涵盖了从零开始学习 JavaScript 所需的核心概念,适合初学者逐步理解并实践。 #### 二、常见功能实现案例分析 在实战项目中巩固所学技能非常重要。以下是一些经典的功能模块及其对应的解决方案: - 轮播图效果:通过 Apis-day2 中提到的方法可以完成带有鼠标悬停暂停以及自动播放等功能的图片轮播组件[^2]。 - 小米官网风格搜索框交互设计:利用焦点事件监听输入状态变化来增强用户体验。 - 键盘按键触发评论提交机制:借助键盘事件捕获用户的敲击动作从而执行特定逻辑操作。 以上实例均来源于官方教学材料,并附带详尽说明便于模仿练习。 #### 三、基本语法结构与事件绑定方法 对于刚接触这门语言的人来说,了解如何正确书写代码至关重要。下面展示了一个简单的例子用于演示给 DOM 对象附加行为的过程: ```javascript // 获取页面内的某个 div 元素节点 var divElement = document.querySelector('div&#39;); // 定义当该元素被单击时要做的事情 function handleClick() { console.log("Div was clicked!&quot;); } // 把上面定义好的函数设置成此 div 上发生 click 类型活动后的响应措施 divElement.onclick = handleClick; ``` 上述片段展示了标准方式之一去关联起始点同其后续可能产生的状况之间的联系[^3]。 #### 四、外部脚本文件加载技巧 为了保持网页主体简洁明了,在适当时候引入独立 js 文件成为必要手段。注意路径配置无误之后按照如下形式声明即可成功调用远端存储的内容[^4]: ```html <script type="text/javascript" src="/path/to/yourfile.js"></script> ``` 确保服务器能够正常提供请求过来的数据包;另外记得调整 MIME-Type 参数匹配目标类型(application/x-javascript 或 text/javascript)---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值