美文网首页
网易微专业之《前端工程师》学习笔记(15)-JS单元作业题

网易微专业之《前端工程师》学习笔记(15)-JS单元作业题

作者: 荷小音 | 来源:发表于2016-01-24 15:41 被阅读2840次

一、(5分)
函数random用于生成0-999之间的随机整数。
语法如下:
var number = random();
number是0-999之间的整数。

解:

var num=Math.floor(Math.random()*1000+0);
console.log(num)

二、(10分)
函数parseQuery用于解析url查询参数。
语法如下:
var obj = parseQuery(query)
query是被解析的查询参数,函数返回解析后的对象。
使用范例如下:
var jerry = parseQuery("name=jerry&age=1");
jerry; 返回值:{name: " jerry ", age: "1"}
var tom = parseQuery("name= tom &age=12&gender&");
tom; 返回值:{name: "tom", age: "12", gender: ""}
请写出函数parseQuery的实现代码。

解:

function parseQuery(query){

query=query.replace(/=/g,'\":\"')
query=query.replace(/&/g,'\",\"')
query="{\""+query+"\"}"

return query;
}
var tom=parseQuery("name=tom&age=12");
console.log(tom);

三、(5分)
函数multiply用于计算多个数字的乘积。
语法如下:
var product = multiply (number0, number1[, number2, ….]);
使用范例如下:
multiply(2, 3); 返回值: 6
multiply(-1, 3, 4); 返回值: -12
multiply(1, 2, 3, 4, 5);返回值: 120
请写出函数multiply的实现代码。

解:

function multiply(){

var length=arguments.length,
ji=1,
para;
for(i=0;i<length;i++){
para=arguments[i];
ji=ji*para;

}

return ji;
}

multiply(-1, 3, 4);

四、(5分)
构造函数Person用于构造人,语法如下:
function Person(name, age){
// 函数体
}
使用范例如下:
var jerry = new Person("Jerry", 2);
jerry.introduce(); 返回值: "I am Jerry, I am 2 years old! "
var tom = new Person("Tom", 12);
tom.introduce(); 返回值: "I am Tom, I am 12 years old! "
请写出构造函数Person的实现代码。

解:

function Person(name,age){
this.name=name;
this.age=age;

Person.prototype.introduce=function(){

console.log("I am"+this.name+"\,"+"I am "+this.age+"years old\!")

}

}

var jerry = new Person("Jerry", 2);
 jerry.introduce();

五、(10分)
函数escapeHTML用于转义html字符串中的特殊字符(<>"&)。
语法如下:

 var escapedStr = escapeHTML(htmlStr);
使用范例如下:
 escapeHTML('<div>Tom&Jerry</div> ');  
 返回值:
 '<div>Tom&Jerry</div> '
 escapeHTML('<input type="text" name="mobile"> ');  
 返回值:
 '<inputtype="text" name="mobile"> '

请写出函数escapeHTML的实现代码。

解:

function escapeHTML(htmlStr){
htmlStr.replace(/[<>]/g,function(m0){
switch(m0){
case"<":
return"<";
case">":
return">";

}
})
return htmlStr;
};
escapeHTML('<div>Tom&Jerry</div> ');  


相关文章

网友评论

      本文标题:网易微专业之《前端工程师》学习笔记(15)-JS单元作业题

      本文链接:https://www.haomeiwen.com/subject/cvbrkttx.html