Chrome的开发者工具修改JS区块不生效是怎么回事儿？

用Chrome的开发者工具可以修改页面元素，并且改了以后能够即时显示。修改页面元素事件里面的JS代码
比如：OnClick="javascript:alert(111);"也可以立刻生效。
但是修改那些JS区块的代码，比如：<script type="text/javascript">
    function ab() {
       alert(333);
    }
</script>就无论如何都不会生效。请问这是怎么一回事儿？
另外，chrome上的“开发者工具”和“Javascript 控制台”有什么区别吗？感觉是一个东西。