Uncaught TypeError

出现Uncaught TypeError: 错误

今天在练习时候遇到“Uncaught TypeError: ”我是这样解决的，不知道你和我是不是犯了同样的错误，仅供参考！

目录

练习要求

报错源码

改正源码

总结错误原因

1. 练习要求
   编写页面，页面中有一个输入框，一个按钮
   要求，在点击按钮的时候，控制台输出前20个字符的字符串

2. 报错源码

<input type="text" id="text4">
<button id="btn2">点击我</button>

  window.alert("请输入语句2");
  var text4 =document.getElementById('text4');
  var btn2 =document.getElementById('btn2');
  //点击后操作
  btn2.onclick =function (){
    console.log(text4.value.silent(0,20));//报错Uncaught TypeError: text4.value.silent is not a function
    at HTMLButtonElement.btn2.onclick
  };

3. 改正源码

btn2.onclick =function (){
    console.log(text4.value.slice(0,20));//silent改为了slice
};

4. 总结错误原因
   

• 老粗心鬼啦，没注意就输错了。
• 由题意可以知道，报错的位置应该使用一个能够截取20个字符的方法，应该用silce( )方法
• 此处补充下silce()方法怎么使用
• string.slice（开始位置的下标，结束位置的下标）
  截取时含头不含尾巴，包含开始位置，不包含结束位置
  当只有一个参数时，表示从开始位置截取到最后
  当开始位置的下标大于结束位置的下标，"返回空字符串"